js获取iframe的src的内容高度解决方法

2012-12-31

js获取iframe的src的内容高度就是ifamre自适应高度，default.aspx代码div idmiddleiframe idmiddle

js获取iframe的src的内容高度
就是ifamre自适应高度，
default.aspx代码

<div id="middle">
    <iframe id="middle_main" src="main.aspx">
    </iframe>
   </div>

main.aspx代码

<body>
    <form id="form1" runat="server">
    <div id="main">
    
    </div>
    </form>
</body>

我要在default.aspx中用js获取main.aspx中这个main的div的高度，有没高手知道啊？我百度一大堆都不行
[解决办法]
从外部获取不到，你不用找了。

从安全角度考虑（避免流氓钓鱼网站嵌入别人的网页），一个网页只能从其内部获取外部（上层）frame的高度，而不是反过来的。
[解决办法]
default.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function dd() {

            alert(frames[0].getmain());
            return false;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="middle">
    <iframe id="middle_main" src="main.aspx">
    </iframe>
   <button onclick="dd();">sadfsadf</button>
   </div>

    </form>
</body>
</html>

main.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        var getmain = function () {
           return document.getElementById("main").offsetHeight;
        };
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="main" style="width:100px; height:100px; background-color:Silver">
    
    </div>
    </form>
</body>
</html>

[解决办法]
Jquery

$("#middle_main").contents().find("#main").height()

热点排行

asp.net

js获取iframe的src的内容高度解决方法