JavaScript设置body高度为浏览器高度的方法

 更新时间:2015年02月09日 16:13:15   作者:yhb241  
这篇文章主要介绍了JavaScript设置body高度为浏览器高度的方法,实例分析了body高度的设置技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript设置body高度为浏览器高度的方法。分享给大家供大家参考。具体实现方法如下:

div节点高度要实现百分比,其父节点必须要有确定的高度。所以在body节点下的子节点若想要用百分比来确定高度时,就必须给body给定一个高度。

复制代码 代码如下:
<script> 
        setTimeout(function(){ 
            document.getElementsByTagName('body')[0].style.height = window.innerHeight+'px'; 
        },20);   
</script>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • JavaScript实现鼠标拖拽调整div大小

    JavaScript实现鼠标拖拽调整div大小

    这篇文章主要为大家详细介绍了JavaScript实现鼠标拖拽调整div大小,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • JS获取地址栏参数的两种方法(简单实用)

    JS获取地址栏参数的两种方法(简单实用)

    这篇文章主要介绍了JS获取地址栏参数的两种方法(简单实用),小编给大家推荐使用第一种采用正则表达式获取地址栏参数的方法,此方法简单实用,对js获取地址栏参数相关知识感兴趣的朋友,一起学习吧
    2016-06-06
  • 详解JavaScript中的Map和WeakMap

    详解JavaScript中的Map和WeakMap

    Map和WeakMap都是ES6中新增的数据结构,它们的主要区别在于键的作用域和键的类型,本文就通过代码示例给大家详细介绍了JavaScript键的作用域和类型,需要的朋友可以参考下
    2023-08-08
  • Es6 Generator函数详细解析

    Es6 Generator函数详细解析

    Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。这篇文章给大家介绍Es6 Generator函数的相关知识,感兴趣的朋友一起看看吧
    2018-02-02
  • Electron中实现大文件上传和断点续传功能

    Electron中实现大文件上传和断点续传功能

    Electron是开源的框架,可以使用h5来开发跨平台pc桌面应用,这样前端开发这可以开发桌面应用了。这篇文章主要介绍了Electron中实现大文件上传和断点续传功能,需要的朋友可以参考下
    2018-10-10
  • 基于JavaScript实现弹出框效果

    基于JavaScript实现弹出框效果

    弹出框在网站页面中是必不可少的一部分,今天借助脚本之家平台给大家分享使用js实现简单的弹出框效果,感兴趣的朋友一起学习吧
    2016-02-02
  • JS打开新窗口的2种方式

    JS打开新窗口的2种方式

    JS打开新窗口的2种方式,需要的朋友可以参考一下
    2013-04-04
  • javascript闭包的理解和实例

    javascript闭包的理解和实例

    所谓闭包,值得是词法表示包括不必要计算的变量的函数,也就是说,该函数可以使用函数外定义的变量。
    2010-08-08
  • DOM_window对象属性之--clipboardData对象操作代码

    DOM_window对象属性之--clipboardData对象操作代码

    clipboardData 对象提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。
    2011-02-02
  • javascript String 对象

    javascript String 对象

    javascript数据库操作方法包括字符串大小写,字符串搜索,提取字符串等
    2008-04-04

最新评论