js如何从iframe子页面中跳出

快乐打工仔发布于 2年前分类：实例代码

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

但是朋友可能会发现无法从iframe页面中跳出，比如我们想退出后台管理页面跳转到到登陆页面的时候，会发现总是在iframe字面中显示，非常的别扭，下面就分享一段能够实现跳出功能的js代码，代码如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<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>

上面的代码可以实现我们的要求，代码非常简单，更多内容可以参阅相关阅读。