使用JQuery / Javascript访问iFrame URL

时间:2010-09-14 01:37:28

标签: javascript jquery iframe

我有一个这样的页面......

<div>
<iframe id="mainContent">
<iframe id="littleBox">
</div>

我想这样做......

 $(".someButton").live('click', function() {
       alert(/*The URL That the Main Frame is ON*/);
 });

我发现了这个:$("#mainFrame").get(0).location.href,但它不起作用......

此外,我需要它来返回当前网址,因此如果有人在其周围导航,则应返回他们所在的当前网页。

4 个答案:

答案 0 :(得分:13)

好的,你的意思是你必须从子iframe访问父级的URL?

$("#mainFrame").get(0).contentWindow.location

答案 1 :(得分:0)

iframe.src不起作用吗?或者,您是否想要获取父文档?在这种情况下,您只需使用parent

答案 2 :(得分:0)

正如Azmisov所说,iframe.src可以解决问题

<head runat="server">
    <title>iframe Test</title>
    <script type="text/javascript">
        function ShowURLs() {
            var control = document.getElementById("mainContent");
            alert("iframe source = " + control.src);
            alert("this page = " + location.href);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="button" id="someButton" value="Click Me" onclick="ShowURLs()" />
        <div>
            <iframe id="mainContent" src="Test.aspx" />
            <iframe id="littleBox" />
        </div>
    </div>
    </form>
</body>

答案 3 :(得分:0)

document.getElementById('mainContent').contentWindow.location.href