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 相关文章推荐
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
Jan 11 Javascript
javascript为下拉列表动态添加数据项
May 23 Javascript
微信小程序 开发之快递查询功能的实现
Jan 09 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
javascript函数的节流[throttle]与防抖[debounce]
Nov 15 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
Vue实现简单分页器
Dec 29 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
聊聊vue 中的v-on参数问题
Jan 29 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
PHP新手上路(十四)
2006/10/09 PHP
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
PHP中filter函数校验数据的方法详解
2015/07/31 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
2019/10/23 PHP
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
js 验证密码强弱的小例子
2013/03/21 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
jQuery阻止移动端遮罩层后页面滚动
2017/03/15 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
微信小程序的分类页面制作
2017/06/27 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
AngularJS集合数据遍历显示的实例
2017/12/27 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
在vue中读取本地Json文件的方法
2018/09/06 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
js实现图片跟随鼠标移动效果
2019/10/16 Javascript
Python内置数据类型详解
2014/08/18 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
python3学生名片管理v2.0版
2018/11/29 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
视光学毕业生自荐书范文
2014/02/13 职场文书
我的理想演讲稿
2014/04/30 职场文书
党员干部四风问题整改措施思想汇报
2014/10/12 职场文书
JVM的类加载器和双亲委派模式你了解吗
2022/03/13 Java/Android
python+pyhyper实现识别图片中的车牌号思路详解
2022/12/24 Python