谷歌浏览器iframe自适应高度无效，返回NULL

index.html页面
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
        alert($('#linkframe').contents().find('.mainH').height());
    });
</script>
</head><body>
<iframe src="link.html" id="linkframe" name="linkframe" width="100%" frameborder="0" scrolling="no" ></iframe>
</body>
</html>
link.html页面：
<body>
<div class="mainH" style="height:500px;width:500px;background:#f0f0f0;border:#ff0000 1px solid"> </div>
</body>谷歌浏览器返回NULL。IE浏览器正常。

解决方案 »

  1.   

    建议先做两个事情：1. 先在不用jQuery的情况下，用普通的JS看能否实现?
    2. 弄明白jQuery中iframe的contents()是个什么东西？你是需要拿到iframe的document，在chrome下试着用看看iframe的document能否正确拿到是第一步。
      

  2.   

    你通过http协议访问还是本地file浏览？本地file浏览google浏览器视乎无法获取到iframe里面的控件，至少我这个版本的chrome是这样的，通过http协议访问就好了参考：chrome浏览器iframe parent.document为undefined
      

  3.   

    是的，需要用http的方式浏览。
      

  4.   

    可以的 要发布要服务器的  恶心的谷歌浏览器   和cookie一个道理