标签:
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。
注意:使用 outerWidth 和 outerHeight 属性获取加上工具条与滚动条窗口的宽度与高度
<!doctype html> <html> <head> <meta charset="utf-8"> <title>innerWidth和innerHeight</title> <style> *{ padding:0; margin:0; } #div1{border:1px solid #F00;height:2000px;} </style> <script> function change(){ var w=window.innerWidth; var h=window.innerHeight; var oDiv=document.getElementById(‘div1‘); oDiv.innerHTML="width:"+w+","+"height:"+h; }; </script> </head> <body> <div id="div1"> <input type="button" value="点击我,会有惊喜哦~" onclick="change()"> </div> </body> </html>
注意:获取窗口的高度与宽度(不包含工具条与滚动条):
Window innerWidth 和 innerHeight 属性
标签:
原文地址:http://www.cnblogs.com/dabingguai/p/4832058.html