window.innerHeight用法介绍
分类:实例代码
此属性能够返回浏览器窗口的文档显示区的高度,单位是像素(px)。
语法结构:
window.innerHeight
浏览器支持:
(1).IE9以下浏览器不支持此属性。
(2).Firefox浏览器支持此属性。
(3).Opera浏览器支持此属性。
(4).chrome浏览器支持此属性。
(5).safria浏览器支持此属性。
实例代码:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>window.innerwidth属性-前端教程网</title> <style type="text/css"> body{ height:1000px; width:1500px; text-align:center; } #text{ width:100px; height:100px; background-color:#60C; margin:0px auto; margin-top:200px; text-align:center; line-height:100px; } </style> <script type="text/javascript"> window.onload=function(){ var mytext=document.getElementById("text"); var bt=document.getElementById("bt"); bt.onclick=function(){ mytext.innerHTML=window.innerHeight; } } </script> </head> <body> <div id="text"></div> <input type="button" value="点击获取值" id="bt" /> </body> </html>
以上代码中,在点击按钮之后可以获取浏览器窗口的文档显示区的高度。
window.innerHeight用法介绍,这样的场景在实际项目中还是用的比较多的,关于window.innerHeight用法介绍就介绍到这了。
window.innerHeight用法介绍属于前端实例代码,有关更多实例代码大家可以查看。