当iframe url更改时,如何更改包装器

How do I change wrapper when iframe url changes

本文关键字:何更改 包装 iframe url      更新时间:2023-09-26

我有一个带有iframe的页面。我的页面有一个显示在页面上的条幅/页眉。在用户点击iframe表单中的提交后。我希望横幅消失。

http://todayshousingmarketvalues.com/

这就是页面。如果你输入一个地址并点击提交,你就会看到我需要什么。编一个地址。你不需要使用自己的。如果你不订阅,什么都不会发生。

您可以处理iframe的onload事件。如果iframe和父页面都在同一个域上,您可以检查iframe的contentWindow.location.href值,如果它发生更改,则意味着用户执行了操作,隐藏横幅。

如果域不同,则这种方法将不起作用,因为对该属性的访问将被拒绝。在这种情况下,您可以在父级上设置一个标志,标记iframe的初始加载。并在连续加载时更改标志,例如调用iframe-onload:

    var initialLoad = true;
    function checkURL() {
       if (initialLoad) {
           initialLoad = false;
        } else {
          document.getElementById("banner").style.display="none";
        }
     }

演示:http://jsfiddle.net/MMa9w/查看横幅,然后键入任何内容并单击按钮