overflow 触发IE7的hasLayout不能触发IE6的hasLayout

最新推荐文章于 2018-02-25 21:04:24 发布

yxc_gdut

最新推荐文章于 2018-02-25 21:04:24 发布

阅读量81

点赞数

分类专栏： javascript css 文章标签： overflow 让元素拥有布局 js 检测元素拥有布局 hasLayout ViewUI

本文链接：https://blog.csdn.net/yxc_gdut/article/details/84412894

版权

javascript 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

css

6 篇文章 0 订阅

订阅专栏

overflow 能触发IE7的hasLayout 不能触发IE6的hasLayout

测试一下

<!DOCTYPE HTML>
<html>
  <head>
    <title>hasLayout属性</title>
    <meta http-equiv="content-type" content="text/html; charset=GB18030">
  	<style type="text/css">
  		div{border:1px solid red;}
  		.hasLayout{overflow:auto;border:1px solid green;}
  		.log{margin-top:10px;border:1px solid #5EAFDE;height:200px;width:300px;}
  	</style>
  </head>
  
  <body>
    <div class="hasLayout" id="a">
    	a
    </div>
    <div id="b">
    	b
    </div>
    <div id="log" class="log">
    </div>
    <script type="text/javascript">
    	var a = document.getElementById("a");
    	var b = document.getElementById("b");
    	//a.currentStyle.hasLayout属性显示该元素是否拥有布局    	
    	var a_hasLayout = a.currentStyle.hasLayout;
    	var b_hasLayout = b.currentStyle.hasLayout;
    	document.getElementById("log").innerHTML = "a.hasLayout:"+a_hasLayout+"\nb.hasLayout:"+b_hasLayout+
    		"\na.clientWidth:"+a.clientWidth+"  a.clientHeight:"+a.clientHeight+"\nb.clientWidth:"+b.clientWidth+"  b.clientHeight:"+b.clientHeight;
    </script>
  </body>
</html>

下面是IE6/7/8对比

说明：
1、元素的currentStyle.hasLayout属性显示该元素是否拥有布局

2、IE6/7中假如元素没有拥有布局，他们的clientWidth和clientHeight始终为0，编程的时候需要注意

yxc_gdut

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
overflow 触发IE7的hasLayout不能触发IE6的hasLayout

overflow 能触发IE7的hasLayout 不能触发IE6的hasLayout 测试一下&lt;!DOCTYPE HTML&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;hasLayout属性&lt;/title&gt; &lt;meta http-equiv="content-type" cont..
复制链接

扫一扫