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

Question

我有一个包含iframe的页面。我的页面有一个横幅/标题显示在页面上。用户在iframe表单中单击“提交”后。我希望横幅消失。

http://todayshousingmarketvalues.com/

这是页面。如果您输入地址并单击提交，您将看到我需要的内容。补上地址。您不需要使用自己的。如果你没有订阅，没有任何事情发生。

Answer 1

您可以处理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/查看横幅，然后输入任意内容并单击按钮