我有一个带有 iframe 的页面。我的页面有一个显示在页面上的横幅/标题。用户点击 iframe 表单中的提交后。我希望横幅消失。
http://todayshousingmarketvalues.com/
这是页面。如果您输入地址并单击提交,您会看到我需要什么。编个地址。你不需要使用你自己的。如果你不订阅,什么都不会发生。
我有一个带有 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/查看横幅,然后输入任何内容并单击按钮