JS如何获取网页除了工具栏以外的高度

JS如何获取网页除了工具栏以外的高度,第1张

网页可见区域宽: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如何获得网页实际高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存