JS获取页面内容宽度各浏览器不一

JS获取页面内容宽度各浏览器不一,第1张

你可以用documentbodyscrollWidth

来获取,但兼容性本人没有做过测试。 给你个参考:网页可见区域宽:documentbodyclientWidth

网页可见区域高:documentbodyclientHeight

网页可见区域宽:documentbodyoffsetWidth(包括边线的宽)

网页可见区域高:documentbodyoffsetHeight(包括边线的宽)

网页正文全文宽:documentbodyscrollWidth

网页正文全文高:documentbodyscrollHeight

网页被卷去的高:documentbodyscrollTop(IE7无效)

网页被卷去的左:documentbodyscrollLeft(IE7无效)网页被卷去的高:documentdocumentElementscrollTop(IE7有效)网页被卷去的左:documentdocumentElementscrollLeft(IE7有效)

网页正文部分上:windowscreenTop

网页正文部分左:windowscreenLeft

屏幕分辨率的高:windowscreenheight

屏幕分辨率的宽:windowscreenwidth

屏幕可用工作区高度:windowscreenavailHeight

屏幕可用工作区宽度:windowscreenavailWidth

相对于窗口左上角的X:windoweventclientX相对于窗口左上角的Y:windoweventclientY

相对于整个页面的X:windoweventX

相对于整个页面的Y:windoweventY

windowonscroll=function(){

var st=documentdocumentElementscrollTop

||documentbodyscrollTop

||windowpageYOffset

||windowscrollY||0;

documenttitle=st;

//alert(st);

}

windowonscroll 鼠标滚动事件

后面是事件驱动函数

也就是每当鼠标滚动时就执行这个函数

变量st就是的scrollTop

scrollTop是指页面被卷掉的距离

把它显示到窗口标题上(如果没显示就用后面的alert(st)吧)

注意:

你的页面要够长,

即浏览器右边要出现滚动条

如果页面不够长可以这样

<body style="height: 2000px">

(貌似IE6 是无法改变body的高度的,那就用几十个<br />撑00)

以上就是关于JS获取页面内容宽度各浏览器不一全部的内容,包括:JS获取页面内容宽度各浏览器不一、document.documentElement.scrollTop||document.body.scrollTop||window.pageYOffset||window.scrollY=0、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9437724.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存