js如何从iframe子页面中跳出

快乐打工仔 分类:实例代码

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>

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

相关阅读:

(1).window.top属性可以参阅window.top一章节。

(2).window.self属性可以参阅window.self一章节。

js如何从iframe子页面中跳出

回复

我来回复
  • 暂无回复内容