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表格翻页效果的具体实现
Oct 05 Javascript
基于jQuery实现返回顶部实例代码
Jan 01 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
Dec 08 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
Angular 5.x 学习笔记之Router(路由)应用
Apr 08 Javascript
vue template中slot-scope/scope的使用方法
Sep 06 Javascript
JavaScript创建对象的四种常用模式实例分析
Jan 11 Javascript
实用的Vue开发技巧
May 30 Javascript
vue中typescript装饰器的使用方法超实用教程
Jun 17 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 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中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
js 浮动层菜单收藏
2009/01/16 Javascript
JQuery之拖拽插件实现代码
2011/04/14 Javascript
JS重要知识点小结
2011/11/06 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
Node.js实现数据推送
2016/04/14 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
jQuery使用动画队列自定义动画操作示例
2018/06/16 jQuery
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
npm qs模块使用详解
2020/02/07 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
JS实现省市县三级下拉联动
2020/04/10 Javascript
JS实现简易图片自动轮播
2020/10/16 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
Python中os模块功能与用法详解
2020/02/26 Python
python deque模块简单使用代码实例
2020/03/12 Python
pytorch使用horovod多gpu训练的实现
2020/09/09 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
大学生求职中的自我评价
2013/10/01 职场文书
岗位工作说明书
2014/07/29 职场文书
连锁超市项目计划书
2014/09/15 职场文书
热情服务标语
2014/10/07 职场文书
单位接收证明格式
2015/06/18 职场文书