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 相关文章推荐
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 Javascript
javascript for循环设法提高性能
Feb 24 Javascript
Javascript Web Slider 焦点图示例源码
Oct 10 Javascript
jquery Tab效果和动态加载的简单实例
Dec 11 Javascript
jquery实现键盘左右翻页特效
Apr 30 Javascript
使用 stylelint检查CSS_StyleLint
Apr 28 Javascript
js对字符串进行编码的方法总结(推荐)
Nov 10 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
Angular2利用组件与指令实现图片轮播组件
Mar 27 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 Javascript
JavaScript canvas实现流星特效
May 20 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
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
PHP设计模式之注册树模式分析
2018/01/26 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
PHP常见的序列化与反序列化操作实例分析
2019/10/28 PHP
(转载)JavaScript中匿名函数,函数直接量和闭包
2007/05/08 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
jQuery Validation PlugIn的使用方法详解
2015/12/18 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
JS动态给对象添加属性和值的实现方法
2016/10/21 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
nodejs 使用 js 模块的方法实例详解
2018/12/04 NodeJs
详解在React-Native中持久化redux数据
2019/05/22 Javascript
vue使用codemirror的两种用法
2019/08/27 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
python版简单工厂模式
2017/10/16 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
全球最大的在线橄榄球商店:Lovell Rugby
2018/05/20 全球购物
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
Myprotein芬兰官网:欧洲第一运动营养品牌
2019/05/05 全球购物
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
应用电子技术专业个人求职信
2013/09/21 职场文书
搞笑获奖感言
2014/01/30 职场文书
六查六看剖析材料
2014/02/15 职场文书
客户经理岗位职责
2015/01/31 职场文书