您的位置:首页 > 教程笔记 > 前端笔记

js如何从iframe子页面中跳出

2023-12-04 13:47:32 前端笔记 182

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

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

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="/" /> 
<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一章节。

相关推荐