使用 javascript 在 iframe 中更改 URL答案

【问题标题】：Change URL in an iframe using javascript使用 javascript 在 iframe 中更改 URL
【发布时间】：2011-10-25 13:55:25
【问题描述】：

我在 iframe 中有一个，它从父页面调用一个函数。该函数是 window.location，但这不会更改 url。有没有办法让 iframe 从父页面调用一个函数，这会导致 iframe 更改 url？我也有一个基本的问题，如果我有一个 iframe，然后单击将我带到新页面的链接，父页面是否保持打开状态？

提前感谢您的帮助。抱歉，如果我听起来像个白痴，我是 javascript 新手。

戴夫

【问题讨论】：

标签： javascript url iframe

【解决方案1】：

window.location 不是函数，它是一个对象。

要做你想做的，首先让 iframe 从它的父级调用一个特殊的函数。

parent.sendMeToGoogle();

并在函数中（在父级中）执行以下操作：

function sendMeToGoogle(){
    document.getElementById('iframeID').src="http://google.com/";
}

【讨论】：

嗨克里斯蒂安，感谢您的回复。我了解除了（'theiframe'）之外的所有内容，它们的价值是什么？
嗨克里斯蒂安，感谢您的帮助。它似乎仍然不适合我。这是我为父页面所拥有的： zaazoo.thewebbusters.com/button.html" id="theiframe" width="760" height="500" frameborder="0" scrolling="no"> <p>您的浏览器不支持 iframe。</p>
这就是我的子页面：
试试top 而不是parent。

【解决方案2】：

我假设你想在你的父页面的功能上做更多的事情；如果不是，您当然可以更改 iframe 的 url 而无需调用父级...

至于您的第二个问题，iframe 的行为就像一个 ebmedded 页面：您可以在 iframe 中浏览所有您想要的内容，而不会影响父级（当然除了您想要使用的 javascript 调用之外），但是使用父页面，您也将丢失 iframe。希望这就是您正在寻找的解释:)

【讨论】：

嗨史蒂文，感谢您的回复。最终，我想要做的是拥有一个带有 iframe 的父页面。 ifrmae 将链接到所有链接回初始 iframe url 的不同页面。每次初始 iframe url 加载到 iframe 时，我希望它向 oarent 页面中的变量添加一个值，当该变量达到 10 时，我希望 iframe 或父页面重定向到一个新的网址
嗨，戴夫。您确实可以按照您尝试的方式执行此操作。每次加载初始页面时，您都会对父级进行 javascript 调用。更改 iframe 中的页面时，不会删除父页面上的值。

【解决方案3】：

如果您真正需要的是更改父 URL，即使它们位于不同的域中，您也可以从 iframe 页面使用 window.top.location.href='http://anotherURL.com'。

【讨论】：