想增加一個功能:窗口改變時重新獲取窗口大小
當窗口改變時,重新獲取窗口的大小并顯示出來,我的代碼為什么只能獲取到窗口第一次改變后的值,之后再改變窗口大小,這個值不變了?
<!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();? //?當前窗口調(diào)整尺寸時重新獲取尺寸 window.onresize?=?function(){ ????Size(); } </script> </body> </html>
2014-12-08
把11行代碼改document.body.innerHTML="瀏覽器當前窗口大小為:"?+?Wt?+"px×"?+?Ht?+?"px";這個試試,當有?document.write這句話之后,onresize該事件運行一次之后就會停止
2015-01-26
學習了