iframe url更改时发出警报
Alert when iframe url changed
此脚本每2秒运行一次,并检测iframe的url是否更改。但我无法让它发挥作用。如果iframe的url发生更改,我想发出警报。例如,如果有人单击一个链接并转到iframe内容的另一个页面。
var prevSrc = "http://www.bodrumlife.com";
function check() {
var curSrc = $('#iframe').attr('src');
if (curSrc != prevSrc) {
alert("hobaa");
prevSrc = curSrc;
}
}
window.setInterval(check, 2000); // 2 seconds
<iframe id="iframe" name="iframe" src="http://www.bodrumlife.com"></iframe>
如果您更喜欢使用JQuery,下面是以下语法,而不是使用一半的JQuery和标准javascript。
$(function(){
$('#iframeId').load(function() {
alert("the iframe has changed.");
});
});
尽管我不确定onload函数是否在Sarafi中有效。它由Firfox、IE和Chrome支持。
编辑:
扩展示例
<script type="text/javascript">
$(function () {
var intialFrameSrc = "http://www.twiij.com";
$("#iframeContentPanel").load(function () {
if (intialFrameSrc != $("#iframeContentPanel").attr('src')) {
alert("the iframe has changed.");
}
});
$("#btnChangeUrl").click(function () {
$("#iframeContentPanel").attr("src", "http://m.smh.com.au/");
});
});
</script>
<iframe id="iframeContentPanel" name="iframeContentPanel" src="http://www.twiij.com" width="500" frameborder="0" height="500" scrolling="no"></iframe>
<input type="button" id="btnChangeUrl" value="Change Url"/>
相关文章:
- 如何使用javascript/jquery获取iframe的URL的锚点属性
- 重定向iFrame中的父URL
- iFrame url更改时执行函数
- 在iframe中加载url并添加一个类
- 如何使用iFrame在不同的域中匹配URL
- 编码url并显示在iframe中
- 是否可以添加<脚本>添加'_someTag'到iFrame中的URL
- 如何调整跨域url中iframe的大小
- 一些url没有在iframe中打开
- 我想从iframe获取url
- 嵌入iframe URL以在wordpress中包含当前用户id
- 绕过同源策略,从跨域iframe中获取页面的顶部URL
- iframe url在浏览器上打开
- 如何检查 iframe 中的锚标记是否包含 URL
- IFrame 从不同域上的父 url 获取参数
- 将当前页面 URL 传递给 iframe 地址
- 如何使用 React 替换 iframe 的 URL
- 由 URL 触发的来自 iFrame 的 JavaScript 重定向
- 为什么当我尝试为iframe-src属性构建URL时,AngularJS会抛出错误
- 只允许表单提交,如果从某个URL?(iframe Laravel)