100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jq获取页面高度_js与jquery获取屏幕宽度与高度

jq获取页面高度_js与jquery获取屏幕宽度与高度

时间:2019-04-28 17:43:44

相关推荐

jq获取页面高度_js与jquery获取屏幕宽度与高度

1,javascript获取屏幕宽度与高度

网页可见区域宽: document.body.clientwidth

网页可见区域高: document.body.clientheight

网页可见区域宽: document.body.offsetwidth (包括边线的宽)

网页可见区域高: document.body.offsetheight (包括边线的高)

网页正文全文宽: document.body.scrollwidth

网页正文全文高: document.body.scrollheight

网页被卷去的高: document.body.scrolltop

网页被卷去的左: document.body.scrollleft

网页正文部分上: window.screentop

网页正文部分左: window.screenleft

屏幕分辨率的高: window.screen.height

屏幕分辨率的宽: window.screen.width

屏幕可用工作区高度: window.screen.availheight

屏幕可用工作区宽度: window.screen.availwidth

相关链接:js获取屏幕宽度高度 js中window.open用法

2,jquery获取屏幕宽度与高度

$(document).ready(function(){

alert($(window).height()); //浏览器当前窗口可视区域高度

alert($(document).height()); //浏览器当前窗口文档的高度

alert($(document.body).height());//浏览器当前窗口文档body的高度

alert($(document.body).outerheight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器当前窗口可视区域宽度

alert($(document).width());//浏览器当前窗口文档对象宽度

alert($(document.body).width());//浏览器当前窗口文档body的宽度

alert($(document.body).outerwidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。