JavaScript设置body高度为浏览器高度的方法


Posted in Javascript onFebruary 09, 2015

本文实例讲述了JavaScript设置body高度为浏览器高度的方法。分享给大家供大家参考。具体实现方法如下:

div节点高度要实现百分比,其父节点必须要有确定的高度。所以在body节点下的子节点若想要用百分比来确定高度时,就必须给body给定一个高度。

<script>  

        setTimeout(function(){  

            document.getElementsByTagName('body')[0].style.height = window.innerHeight+'px';  

        },20);    

</script>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
IE8 下的Js错误HTML Parsing Error...
Aug 14 Javascript
Javascript 中的 &amp;&amp; 和 || 使用小结
Apr 25 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
浅析JS中document对象的一些重要属性
Mar 06 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
Mar 02 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
javascript关于“时间”的一次探索
Jul 24 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
Apr 11 Javascript
如何利用JS将手机号中间四位变成*号
Sep 29 Javascript
jquery动态改变div宽度和高度
Feb 09 #Javascript
angularJS结合canvas画图例子
Feb 09 #Javascript
jquery实现上下左右滑动的方法
Feb 09 #Javascript
js实现上传图片预览的方法
Feb 09 #Javascript
js实现ifram取父窗口URL地址的方法
Feb 09 #Javascript
jquery实现相册一下滑动两次的方法
Feb 09 #Javascript
js点击选择文本的方法
Feb 09 #Javascript
You might like
运用jquery实现table单双行不同显示并能单行选中
2009/07/25 Javascript
Jquery异步请求数据实例代码
2011/12/28 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
Node.js websocket使用socket.io库实现实时聊天室
2017/02/20 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
JS判断时间段的实现代码
2017/06/14 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
Vue中使用的EventBus有生命周期
2018/07/12 Javascript
three.js实现圆柱体
2018/12/30 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
详解Python中expandtabs()方法的使用
2015/05/18 Python
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
python中的随机函数random的用法示例
2018/01/27 Python
python 定时修改数据库的示例代码
2018/04/08 Python
Python查找第n个子串的技巧分享
2018/06/27 Python
PyQt5多线程刷新界面防假死示例
2019/12/13 Python
查看keras各种网络结构各层的名字方式
2020/06/11 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
python3 re返回形式总结
2020/11/20 Python
python opencv肤色检测的实现示例
2020/12/21 Python
学年自我鉴定范文
2013/10/01 职场文书
质检部岗位职责
2013/11/11 职场文书
客服服务心得体会
2013/12/30 职场文书
英文商务邀请信
2014/01/22 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
经理岗位职责
2015/02/02 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
《莫泊桑拜师》教学反思
2016/02/22 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书