js如何從iframe子頁面中跳出

antzone發表於2017-04-04
JS

iframe是一個使用頻率很高的元素，也非常的方便。

但是朋友可能會發現無法從iframe頁面中跳出，比如我們想退出後臺管理頁面跳轉到到登陸頁面的時候，會發現總是在iframe字面中顯示，非常的彆扭，下面就分享一段能夠實現跳出功能的js程式碼，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title>
<script>
function breakout(){
  if(window.top!=window.self){
    window.top.location="login.aspx";
  }
}
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    breakout()
  }
}
</script>
</head>
<body>
<input type="button" id="bt" value="退出登入"/>
</body>
</html>

上面的程式碼可以實現我們的要求，程式碼非常簡單，更多內容可以參閱相關閱讀。

相關閱讀:

（1）.window.top屬性可以參閱window.top一章節。

（2）.window.self屬性可以參閱window.self一章節。

相關文章