width_screen=screenwidth; // 获取宽度
height_screen=screenheight; 高度
availWidth_screen=screenavailWidth;
availHeight_screen=screenavailHeight;
colorDepth_screen=screencolorDepth;
如果是动态获取的话,就自己写一个方法什么的给封装一下,然后加载。
width()返回元素的宽度
height()返回元素的高度
innerWidth()返回元素的宽度(包括内边距)
innerHeight()返回元素的高度(包括内边距)
outerWidth()返回元素的宽度(包括内边距和边框)
outerHeight()返回元素的高度(包括内边距和边框)
outerWidth(true)返回元素的宽度(包括内边距、边框和外边距)
outerHeight(true)返回元素的高度(包括内边距、边框和外边距)
$(document)height()返回文档(HTML 文档)的高度
$(window)height()返回窗口(浏览器视口)的高度
<script type="text/javascript">
$(document)ready(function()
{
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的高度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert(screenheight);//显示器分辨率,只能用JavaScript代码获取
alert(screenwidth);
})
</script>
网页可见区域宽: documentbodyclientWidth
网页可见区域高: documentbodyclientHeight
网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)
网页可见区域高: documentbodyoffsetHeight (包括边线的高)
网页正文全文宽: documentbodyscrollWidth
网页正文全文高: documentbodyscrollHeight
网页被卷去的高: documentbodyscrollTop
网页被卷去的左: documentbodyscrollLeft
网页正文部分上: windowscreenTop
网页正文部分左: windowscreenLeft
屏幕分辨率的高: windowscreenheight
屏幕分辨率的宽: windowscreenwidth
屏幕可用工作区高度: windowscreenavailHeight
以上就是关于html中 如何获取屏幕宽度全部的内容,包括:html中 如何获取屏幕宽度、jq获取元素的宽高(内边距和外边距)、jquery怎么获取浏览器屏幕分辨率等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)