当前位置:编程学习 > JS >>

JS动态获取浏览器窗口大小的问题

function getViewSize(){ return {w: window['innerWidth'] || document.documentElement.clientWidth, h: window['innerHeight'] || document.documentElement.clientHeight} } function getFullSize(){ var w = Math.max(document.documentElement.clientWidth ,document.body.clientWidth) + Math.max(document.documentElement.scrollLeft, document.body.scrollLeft); var h = Math.max(document.documentElement.clientHeight,document.body.clientHeight) + Math.max(document.documentElement.scrollTop, document.body.scrollTop); w = Math.max(document.documentElement.scrollWidth,w); h = Math.max(document.documentElement.scrollHeight,h); return {w:w,h:h}; } 能否解释下这两个的意思特别是w: window['innerWidth'] ....return{w:w}等等 还有这样获取的宽高不是动态的,就是说一旦获取了把值也给了div,当窗口调节大小时 候,div 的值不会变,,我想要个能动态根据窗口大小变的,不要width:100%;height:100% 这个ie6不兼容
追问:怎么把这个动态的width,height给div呢
答案:它这个是产生了一个对象,这个对象有个叫w的属性,用于存放窗口宽度,h就是存放高度。
这样,返回后,就可以用类似getViewSize()[w]的方法调用宽度。
如果要能动态改变,可以这样:
var size=getViewSize();
window.onresize=function(){size=getViewSize();}
这样,无论何时,都可以通过size变量取得窗口大小。

上一个:用js控制两个div的高度一致,div1.style.height=div2.offsetHeight怎么没用呢?
下一个:php中怎么用js 将一行的tr隐藏

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,