JavaScript设置body高度为浏览器中度的法子,完毕点

作者: 计算机网络技术  发布:2019-09-06

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

复制代码 代码如下:

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type=text/javascript src="alabel.js"></script>
<style type="text/css">
.curr{background:blue;display:inline;}
</style>

复制代码 代码如下:

</head>
<body>
<div class="clMenu">
<span><a href="#">1</a></span>
</div>

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

</body>
</html>

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

在alabel.js中:

您可能感兴趣的文章:

  • 基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
  • JavaScript中window、doucment、body的解释
  • JS代码放在head和body中的区别分析
  • 使用JS或jQuery模拟鼠标点击a标签事件代码
  • javascript和jquery修改a标签的href属性
  • js实现a标签超链接提交form表单的方法
  • JS 实现点击a标签的时候让其背景更换
  • js确认删除对话框适用于a标签及submit
  • 在JS中a标签加入单击事件屏蔽href跳转页面
  • Javascript中使用A标签获取当前目录的绝对路径方法
  • JavaScript实现获取用户单击body中所有A标签内容的方法

复制代码 代码如下:

window.onload = function ()
{
var aspan = document.getElementsByTagName("span");
var i = 0;
for (i = 0; i < aspan.length; i++)
{
aspan[i].onclick = function ()
{
for (i = 0; i < aspan.length; i++) aspan[i].className = "";
this.className = "curr";
};
}
};

这样就可以实现在点击a标签的时候给其添加红色的背景。

注意:curr的属性中display不能是block,否则添加的背景是一整行。

您可能感兴趣的文章:

  • 基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
  • JavaScript设置body高度为浏览器高度的方法
  • JavaScript中window、doucment、body的解释
  • JS代码放在head和body中的区别分析
  • 使用JS或jQuery模拟鼠标点击a标签事件代码
  • javascript和jquery修改a标签的href属性
  • js实现a标签超链接提交form表单的方法
  • js确认删除对话框适用于a标签及submit
  • 在JS中a标签加入单击事件屏蔽href跳转页面
  • Javascript中使用A标签获取当前目录的绝对路径方法
  • JavaScript实现获取用户单击body中所有A标签内容的方法

本文由今晚买四不像发布于计算机网络技术,转载请注明出处:JavaScript设置body高度为浏览器中度的法子,完毕点

关键词: