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 相关文章推荐
在javascript将NodeList作为Array数组处理的方法
Jul 09 Javascript
Jquery实现显示和隐藏的4种简单方式
Aug 28 Javascript
移动节点的jquery代码
Jan 13 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
JavaScript禁止微信浏览器下拉回弹效果
May 16 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
Aug 22 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
Nov 13 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 Javascript
详解vue v-model
Aug 31 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
thinkphp浏览历史功能实现方法
2014/10/29 PHP
Zend Framework入门教程之Zend_Config组件用法详解
2016/12/09 PHP
实例讲解php实现多线程
2019/01/27 PHP
javascript 正则表达式相关应介绍
2012/11/27 Javascript
Javascript动画的实现原理浅析
2015/03/02 Javascript
介绍JavaScript中Math.abs()方法的使用
2015/06/14 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
Angular2 http jsonp的实例详解
2017/08/31 Javascript
angular5 httpclient的示例实战
2018/03/12 Javascript
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
pyramid配置session的方法教程
2013/11/27 Python
python保存字符串到文件的方法
2015/07/01 Python
使用pandas的DataFrame的plot方法绘制图像的实例
2018/05/24 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
python实现贪吃蛇游戏
2020/03/21 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
Python 使用多属性来进行排序
2019/09/01 Python
python输入错误后删除的方法
2019/10/12 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
介绍一下linux的文件权限
2014/07/20 面试题
交通事故私了协议书
2014/04/16 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
环保主题班会教案
2015/08/13 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
《圆的周长》教学反思
2016/02/17 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书
一条 SQL 语句执行过程
2022/03/17 MySQL