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实现UrlEncode和UrlDecode的脚本代码
Jul 23 Javascript
映彩衣的js随笔(js图片切换效果)
Jul 31 Javascript
JavaScript遍历table表格中的某行某列并打印其值
Jul 08 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
.NET微信公众号开发之创建自定义菜单
Jul 16 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
Mar 21 Javascript
小程序转发探索示例
Feb 19 Javascript
ES6 Symbol在对象中的作用实例分析
Jun 06 Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
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
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
JS 树形递归实例代码
2010/05/18 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
jquery 获取dom固定元素 添加样式的简单实例
2014/02/04 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
AngularJS入门教程(零):引导程序
2014/12/06 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
2017/07/04 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
vue-star评星组件开发实例
2018/03/01 Javascript
vue.js element-ui tree树形控件改iview的方法
2018/03/29 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
vue this.reload 方法 配置
2018/09/12 Javascript
Vue 中如何正确引入第三方模块的方法步骤
2019/05/05 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
在MAC上搭建python数据分析开发环境
2016/01/26 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
python构建基础的爬虫教学
2018/12/23 Python
Python中的 ansible 动态Inventory 脚本
2020/01/19 Python
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2020/04/22 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
Python的collections模块真的很好用
2021/03/01 Python
推荐信格式范文
2014/05/09 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
幼儿园个人总结
2015/02/28 职场文书
MySQL学习之基础命令实操总结
2022/03/19 MySQL
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL