js中如何获取某个元素到浏览器最左和最右的距离?

JavaScript020

js中如何获取某个元素到浏览器最左和最右的距离?,第1张

js中获取某个元素到浏览器最左和最右的距离的程序代码是:

<!doctype html><html><head><meta charset="UTF-8"><style>

body{margin: 0padding: 0}

.mdiv{width: 100pxheight: 100pxbackground-color: red}

</style></head><body><div style="height: 1000px"></div><div></div><script src="jquery.js"></script>//自行下载<script>//原生//获取div距离顶部的距离

var mTop = document.getElementsByClassName('banner')[0].offsetTop

//减去滚动条的高度var sTop = document.body.scrollTopvar result = mTop - sTopconsole.log(result)//Jquery

mTop = $('.banner')[0].offsetTop

sTop = $(window).scrollTop()

result = mTop - sTop

console.log(result)

</script></body>

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html的<script>标签中,再输入js代码:var a = 'ABC123456'var b = a.substr(3)document.body.innerText = b。

3、浏览器运行index.html页面,此时会发现后面的数字内容被用js取出来了。

js获取一个字符串最后的一个字符,可以参考如下方法 :

方法一:运用String对象下的charAt方法

charAt() 方法可返回指定位置的字符。

str.charAt(str.length _ 1)

请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串

方法二:运用String对象下的substr方法

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

str.substr(str.length-1,1)

重要事项:ECMAscript 没有对该方法进行标准化,因此反对使用它。

重要事项:在 IE 4 中,参数 start 的值无效。在这个 BUG 中,start 规定的是第 0 个字符的位置。(www.111cn.net)在之后的版本中,此 BUG 已被修正。

方法三:运用String对象下的split方法

split() 方法用于把一个字符串分割成字符串数组。

var str = “123456″

spstr = str.split(“”)

spstr[spstr.length-1]