
网页可见区域宽:documentbodyclientWidth
网页可见区域高:documentbodyclientHeight
网页可见区域宽:documentbodyoffsetWidth (包括边线的宽)
网页可见区域高:documentbodyoffsetHeight (包括边线的宽)
网页正文全文宽:documentbodyscrollWidth
网页正文全文高:documentbodyscrollHeight
网页被卷去的高:documentbodyscrollTop
网页被卷去的左:documentbodyscrollLeft
网页正文部分上:windowscreenTop
网页正文部分左:windowscreenLeft
屏幕分辨率的高:windowscreenheight
屏幕分辨率的宽:windowscreenwidth
屏幕可用工作区高度:windowscreenavailHeight
屏幕可用工作区宽度:windowscreenavailWidth
你所指的应该是网页所见区域高,即documentbodyclientHeight
Js获取高度:
网页可见区域高:documentbodyclientHeight
网页可见区域高:documentbodyoffsetHeight (包括边线的宽)
网页正文全文高:documentbodyscrollHeight
网页被卷去的高:documentbodyscrollTop
屏幕分辨率的高:windowscreenheight
屏幕可用工作区高度:windowscreenavailHeight
1、新建一个html文件。
2、为了更好区分,会创建两个按钮标签,然后给这两个按钮标签添加不同的id。
3、引入jquery文件(注:jquery的引入路径一定要正确)。
4、创建加载完成函数,然后创建一个点击按钮获取当前id的函数。
5、保存好html文件后使用浏览器打开,然后点击按钮即可看到点击的id。
6、页面所有代码,如有不懂可把所有代码复制到新建的html文件上,然后修改引入的jquery文件即可。
<html>
<script>
function a(){
documentwrite(
"屏幕分辨率为:"+screenwidth+""+screenheight //最好是windowscreen
+"<br />"+
"屏幕可用大小:"+screenavailWidth+""+screenavailHeight
+"<br />"+
"网页可见区域宽:"+documentbodyclientWidth
+"<br />"+
"网页可见区域高:"+documentbodyclientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽):"+documentbodyoffsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽):"+documentbodyoffsetHeight
+"<br />"+
"网页正文全文宽:"+documentbodyscrollWidth
+"<br />"+
"网页正文全文高:"+documentbodyscrollHeight
+"<br />"+
"网页被卷去的高:"+documentbodyscrollTop
+"<br />"+
"网页被卷去的左:"+documentbodyscrollLeft
+"<br />"+
"网页正文部分上:"+windowscreenTop
+"<br />"+
"网页正文部分左:"+windowscreenLeft
+"<br />"+
"屏幕分辨率的高:"+windowscreenheight
+"<br />"+
"屏幕分辨率的宽:"+windowscreenwidth
+"<br />"+
"屏幕可用工作区高度:"+windowscreenavailHeight
+"<br />"+
"屏幕可用工作区宽度:"+windowscreenavailWidth
);
}
function set_bgColor(){
documentbodystylebackgroundColor="red";
}
function set_bgImg(){
documentbodystylebackgroundImage="url(t/JS获取屏幕大小 - 风飘零 - 博客园png)";
}
</script>
<body onLoad="alert('init')" >
<input type='button' value="set_bgColor" onclick="set_bgColor();"> <br>
<input type='button' value="set_bgImg" onclick="set_bgImg()">
</body>
</html>
1、js中获取当前屏幕宽度方法如下:
网页可见区域宽: documentbodyclientWidth
网页可见区域高: documentbodyclientHeight
网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)
网页可见区域高: documentbodyoffsetHeight (包括边线的高)
网页正文全文宽: documentbodyscrollWidth
网页正文全文高: documentbodyscrollHeight
网页被卷去的高: documentbodyscrollTop
网页被卷去的左: documentbodyscrollLeft
网页正文部分上: windowscreenTop
网页正文部分左: windowscreenLeft
屏幕分辨率的高: windowscreenheight
屏幕分辨率的宽: windowscreenwidth
屏幕可用工作区高度: windowscreenavailHeight
屏幕可用工作区宽度: windowscreenavailWidth
2、js简介
js,是JavaScript的缩写,是一种直译式脚本语言,一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
avaScript是的源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。
以上就是关于JS如何获取网页除了工具栏以外的高度全部的内容,包括:JS如何获取网页除了工具栏以外的高度、css获取整个页面高度、jQ如何获得网页实际高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)