当窗口改变时,重新获取窗口的大小并显示出来,我的代码为什么只能获取到窗口第一次改变后的值,之后再改变窗口大小,这个值不变了?
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> function Size(){ var Wt = document.documentElement.clientWidth || document.body.clientWeight; var Ht = document.documentElement.clientHeight || document.body.clientHeight; document.write("浏览器当前窗口大小为:" + Wt +"px×" + Ht + "px"); } Size(); // 当前窗口调整尺寸时重新获取尺寸 window.onresize = function(){ Size(); } </script> </body> </html>
把11行代码改document.body.innerHTML="浏览器当前窗口大小为:" + Wt +"px×" + Ht + "px";这个试试,当有 document.write这句话之后,onresize该事件运行一次之后就会停止
学习了