捕捉IFrame SRC改变事件

页面中的使用到Iframe时,我们如何需要对IFrame中页面是否改变进行判断,我们可以使用到window.onbeforeunload事件.

以下是我的测试页面

1. main.html

<HTML>
<HEAD>
<TITLE> Test </TITLE>
</HEAD>
<script>
function showBPage(){
        var obj = document.getElementById("aaa");
if (obj.src != 'b.html'){
obj.src = "b.html";
}
}
function showAPage(){
        var obj = document.getElementById("aaa");
if (obj.src != 'a.html'){
obj.src = "a.html";
}
}
</script>


<BODY>


<iframe id='aaa' src="a.html" frameborder="1"></iframe>


IFrmae切换SRC测试页面<br/>


<input type="button" value="提示" οnclick="showBPage();" />
<input type="button" value="不提示" οnclick="showAPage();" />
</BODY>
</HTML>


2.  a.html

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
    window.onbeforeunload = function (e) {
        var msg = "你确认要离开吗? ";
            
        return msg;
        //或 window.event.returnValue = msg;
    };
</script>
</HEAD>


<BODY>


这是一个IFrame内嵌页面A


</BODY>
</HTML>


3. b.html

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>


<BODY>
这是IFrame内嵌页面B
</BODY>
</HTML>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值