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隐藏