《js获取一些框架信息》由会员分享,可在线阅读,更多相关《js获取一些框架信息(2页珍藏版)》请在金锄头文库上搜索。
1、JS 获取各种浏览器窗口的大小2008-06-21 19:03:44 来源:网页教学网关于获取各种浏览器可见窗口大小的一点点研究function getInfo()var ss+=网页可见区域宽:+s+=网页可见区域高:+s+=网页可见区域宽:+和滚动条的宽);网页可见区域高: +document.body.clientWidth;document.body.clientHeight; document.body.offsetWidth + (包括边线s +=的宽);sssssssssssss+= += += += += += += += += += += += +=document.body
2、.offsetHeight + (包括边线document.body.scrollWidth; document.body.scrollHeight;网页正文全文宽:+ 网页正文全文高:+网页被卷去的高(ff) : + document.body.scrollTop; 网页被卷去的高(ie) : + document.documentElement.scrollTop; 网页被卷去的左 网页正文部分上 网页正文部分左屏幕分辨率的高 屏幕分辨率的宽+ + + + +document.body.scrollLeft; window.screenTop; window.screenLeft; win
3、dow.screen.height; window.screen.width;屏幕可用工作区高度: + window.screen.availHeight; 屏幕可用工作区宽度: + window.screen.availWidth; 你的屏幕设置是 + window.screen.colorDepth + 位彩色; 你的屏幕设置 + window.screen.deviceXDPI + 像素/英寸;/alert (s);getInfo();在我本地测试当中:在 IE、FireFox、Opera 下都可以使用document.body.clientWidthdocument.body.clie
4、ntHeight即可获得,很简单,很方便。 而在公司项目当中:Opera 仍然使用document.body.clientWidth document.body.clientHeight 可是IE和FireFox则使用document.documentElement.clientWidthdocument.documentElement.clientHeight原来是W3C的标准在作怪啊 如果在页面中添加这行标记的话在 IE 中:document.body.clientWidth = BODY 对象宽度 document.body.clientHeight = BODY 对象高度 docume
5、nt.documentElement.clientWidth = 可见区域宽度 document.documentElement.clientHeight = 可见区域高度 在 FireFox 中:document.body.clientWidth = BODY 对象宽度 document.body.clientHeight = BODY 对象高度 document.documentElement.clientWidth = 可见区域宽度 document.documentElement.clientHeight = 可见区域高度 ?在 Opera 中: document.body.clien
6、tWidth = 可见区域宽度 document.body.clientHeight = 可见区域高度 document.documentElement.clientWidth = 页面对象宽度(即 BODY 对象宽度 加上 Margin 宽)document.documentElement.clientHeight = 页面对象高度(即 BODY 对象高 度加上 Margin 高)而如果没有定义W3C的标准,则IE 为: document.documentElement.clientWidth = 0 document.documentElement.clientHeight = 0 Fir
7、eFox 为:document.documentElement.clientWidth = 页面对象宽度(即 BODY 对象宽度 加上 Margin 宽)document.documentElement.clientHeight = 页面对象高度(即BODY对象高度加上Margin高)Opera 为:documen t.documen tElemen t.clie nt Wid th = 页面对象宽度(即 BODY 对象宽度 加上 Margin 宽) document.documentElement.clientHeight = 页面对象高度 (即BODY对象高度加上Margin高)真是一件麻烦事情,其实就开发来看,宁可少一些对象和方法,不使用最新的标 准要方便许多啊