页面中的使用到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>