outerWidth和innerWidth获取浏览器窗口的尺寸是多少_CSS学习

资料来源：网络整理时间：2023/3/4 4:15:22 共计：3592 浏览

outerWidth和innerWidth获取浏览器窗口的尺寸是多少？

在Javascript中可以使用OuterWidth，OuterHeight 获取浏览器的大小.用 innerWidth,innerHeight 来获取窗口的大小（除去浏览器边框部分）。对于IE6 及之前版本，要区分是标准模式，还是混杂模式。标准模式使用document.documentElement.clientWidth，document.documentElement.clientHeight；混杂模式使用document.body 的clientWidth，clientHeight。复制代码代码如下:(function () { var pageWidth = window.innerWidth; var pageHeight = window.innerHeight; var broswerWidth = window.outerWidth; var broswerHeight = window.outerHeight; alert(pageWidth + " " + pageHeight); alert(broswerWidth + " " + broswerHeight); if (typeof pageWidth != "number") { if (document.compatMode == "CSS1Compat") { //The standard mode pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; } else { pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight; } } })();获取窗口的位置：IE，chrome，Safari，使用screenLeft，screenTop 来获取窗口距离屏幕左边和屏幕上边的位置。而Firefox不支持此属性，Firefox使用screenXP，screenY 达到同样的效果。复制代码代码如下:(function btnFun() { var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; alert(leftPos + " " + topPos); //alert(window.screenLeft+" "+window.screenTop); })();

弈安传媒科技回复,成功后要回复哟,要点赞,并关注,转发.

[弈安传媒科技提升自己的平台]更多知识请关注:头条号及公众号弈安传媒科技

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：三极管8050和s8050有什么区别_CSS学习 | ·下一条：html中font中为什么要定义id_CSS学习