W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <script> function myFunction(){ var w=window.outerWidth; var h=window.outerHeight; var txt="<font color='red'>窗口大小: 宽度=" + w + ", 高度=" + h + "</font>"; document.getElementById("demo").innerHTML=txt; } </script> </head> <body onresize="myFunction()"> <p>尝试调整浏览器的窗口</p> <p id="demo"> </p> <p>注意:该例子在IE8 或更早版本下可能不工作，IE8 或更早的版本不支持window对象的outerWidth/outerHeight属性</p> </body> </html>