1.html语言的代码
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>浏览器高度</title>
- <style type="text/css">
- .middle{
- width: 100%;
- background: orange;
- }
- </style>
- </head>
- <body>
- <div class="middle"></div> //定义一个div层,用来查看效果。设置class属性,方便调用值
- <script language="JavaScript">
- function test(){ //定义一个函数,用来专门获取屏幕高度值,然后赋给div层的height属性
- var s="";
- s+="\r\n"+window.screen.height; //获得屏幕高度的关键代码
- alert(s);
- var h=document.getElementsByClassName('middle')[0]; //这里的h指代的是div层的高度。
- h.style.height=s+"px";
- }
- </script>
- <a href="javascript:test()">点击查看信息</a>
- </body>
- </html>