当前位置:首页 > Windows程序 > 正文

Window innerWidth 和 innerHeight 属性

2021-03-25 Windows程序

标签:

定义和用法

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> <input type="button" value="点击我,,会有惊喜哦~"> </div> </body> </html>

注意:获取窗口的高度与宽度(不包含工具条与滚动条):

Window innerWidth 和 innerHeight 属性

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/67102.html