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 相关文章推荐
关于js中alert弹出窗口文本换行问题简单详细说明
Dec 11 Javascript
js中substring和substr的定义和用法
May 05 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
jQuery简单实现上下,左右滑动的方法
Jun 01 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
Sep 20 Javascript
Vue计算属性的学习笔记
Mar 22 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
JS实现简单抖动效果
Jun 01 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
JavaScript检测浏览器是否支持CSS变量代码实例
Apr 03 Javascript
js实现自动锁屏功能
Jun 02 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
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
php获取表单中多个同名input元素的值
2014/03/20 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
纯CSS打造的导航菜单(附jquery版)
2010/08/07 Javascript
javascript中检测变量的类型的代码
2010/12/28 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
Function.prototype.bind用法示例
2013/09/16 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
JavaScript的Vue.js库入门学习教程
2016/05/23 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
实例解析js中try、catch、finally的执行规则
2017/02/24 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
优雅的在React项目中使用Redux的方法
2018/11/10 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
2019/12/20 Javascript
[01:28]2014DOTA2国际邀请赛中国区预选赛四大豪门直升机抵达会场
2014/05/24 DOTA
tornado捕获和处理404错误的方法
2014/02/26 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
对python3 Serial 串口助手的接收读取数据方法详解
2019/06/12 Python
搭建python django虚拟环境完整步骤详解
2019/07/08 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
Python的3种运行方式:命令行窗口、Python解释器、IDLE的实现
2020/10/10 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
HTML5 视频播放(video),JavaScript控制视频的实例代码
2018/10/08 HTML / CSS
安踏官方商城:anta.cn
2019/12/16 全球购物
拉贝日记观后感
2015/06/05 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python
springboot中的pom文件 project报错问题
2022/01/18 Java/Android
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers