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椭圆旋转相册实现代码
Jan 16 Javascript
jquery实现checkbox全选全不选的简单实例
Dec 31 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
javascript的document.referrer浏览器支持、失效情况总结
Jul 18 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
jquery mobile开发常见问题分析
Jan 21 Javascript
AngularJS基础 ng-csp 指令详解
Aug 01 Javascript
AngularJS ng-mousedown 指令
Aug 02 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
JavaScript函数节流和函数去抖知识点学习
Jul 31 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
输入框跟随文字内容适配宽实现示例
Aug 14 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
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
flash用php连接数据库的代码
2011/04/21 PHP
php广告加载类用法实例
2014/09/23 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
微信支付的开发流程详解
2016/09/13 PHP
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
Javascript中判断变量是数组还是对象(array还是object)
2013/08/14 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
JavaScript 常见安全漏洞和自动化检测技术
2015/08/21 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
Vue打包后出现一些map文件的解决方法
2018/02/13 Javascript
微信小程序之圆形进度条实现思路
2018/02/22 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
JavaScript 禁止用户保存图片的实现代码
2020/04/28 Javascript
Python里disconnect UDP套接字的方法
2015/04/23 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
深入浅析Python 中 is 语法带来的误解
2019/05/07 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
玲玲的画教学反思
2014/02/04 职场文书
高校优秀辅导员事迹材料
2014/05/07 职场文书
家庭贫困证明
2014/09/23 职场文书
村党建工作汇报材料
2014/11/02 职场文书
运动会闭幕词
2015/01/28 职场文书
起诉意见书范文
2015/05/19 职场文书
党员理论学习心得体会
2016/01/21 职场文书