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 相关文章推荐
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
javascript中scrollTop详解
Apr 13 Javascript
关于js里的this关键字的理解
Aug 17 Javascript
bootstrap模态框垂直居中效果
Dec 03 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
vue项目实现github在线预览功能
Jun 20 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
微信小程序 调用微信授权窗口相关问题解决
Jul 25 Javascript
vue实现鼠标移过出现下拉二级菜单功能
Dec 12 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图片验证码代码
2008/03/27 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
PHP学习笔记之二
2011/01/17 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
php实现背景图上添加圆形logo图标的方法
2016/11/17 PHP
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
2014/05/03 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
Python使用matplotlib绘图无法显示中文问题的解决方法
2018/03/14 Python
Python面向对象程序设计多继承和多态用法示例
2019/04/08 Python
python2使用bs4爬取腾讯社招过程解析
2019/08/14 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
Django用数据库表反向生成models类知识点详解
2020/03/25 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
如何利用Python动态模拟太阳系运转
2020/09/04 Python
python 绘制场景热力图的示例
2020/09/23 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
巴西宠物店在线:Geração Pet
2017/05/31 全球购物
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
售后服务承诺书
2014/03/26 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
小学教师党员承诺书
2015/04/27 职场文书
行政处罚事先告知书
2015/07/01 职场文书