100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js中获取浏览器和屏幕高度

js中获取浏览器和屏幕高度

时间:2021-03-08 10:14:59

相关推荐

js中获取浏览器和屏幕高度

Javascript:

IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度Opera中:document.body.clientWidth ==> 可见区域宽度document.body.clientHeight ==> 可见区域高度document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight); //网页可见区域高(body)alert(document.body.offsetWidth); //网页可见区域宽(body),包括border、margin等alert(document.body.offsetHeight);//网页可见区域宽(body),包括border、margin等alert(document.body.scrollWidth); //网页正文全文宽,包括有滚动条时的未见区域alert(document.body.scrollHeight); //网页正文全文高,包括有滚动条时的未见区域alert(document.body.scrollTop); //网页被卷去的Top(滚动条)alert(document.body.scrollLeft); //网页被卷去的Left(滚动条)alert(window.screenTop); //浏览器距离Topalert(window.screenLeft); //浏览器距离Leftalert(window.screen.height);//屏幕分辨率的高alert(window.screen.width); //屏幕分辨率的宽alert(window.screen.availHeight);//屏幕可用工作区的高alert(window.screen.availWidth); //屏幕可用工作区的宽

Jquery

alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body的高度alert($(document.body).outerHeight(true)); //浏览器当前窗口文档body的总高度 包括border padding marginalert($(window).width()); //浏览器当前窗口可视区域宽度alert($(document).width()); //浏览器当前窗口文档对象宽度alert($(document.body).width());//浏览器当前窗口文档body的宽度alert($(document.body).outerWidth(true)); //浏览器当前窗口文档body的总宽度 包括border padding margin

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