当iframe url更改时,如何更改包装器
How do I change wrapper when iframe url changes
我有一个带有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/查看横幅,然后键入任何内容并单击按钮
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- Javascript更改图标
- keyup事件处理程序更改焦点不适用于快速键入
- JQuery使计数器每次更改时都会增加
- 下拉选择可自动更改第二个下拉选择
- 从原型更改/包装函数
- 如何在 ajax 调用后更改包装器 JavaScript 函数中的全局变量
- 调整 iframe 的大小,以便在每次更改 src 时包装其内容
- jQuery dataTables对包装宽度的更改只有在加载chrome's检查员
- CSS Flex-当重新调整包装器Flex项的大小时,更改其宽度尺寸
- javascript AngularJS在包装标签时自动更改字体大小
- Jquery 在包装时更改元素
- 可调整大小是添加第二个包装器,而不是更改第一个包装器的大小
- 如何更改 Node.js 模块包装器
- 如何在 angularjs 服务中包装对象(并观察此对象的更改)
- 当iframe url更改时,如何更改包装器
- 如何在jQuery中更改包装标记
- 如何在没有电子包装器的情况下更改电子应用程序图标
- Ajax更改包装器内容
- 如何在HTML表单中创建两组单选按钮,以及在a组中的更改何时会在B组中更改