iframe嵌套项目后,接口跳出登入页面(会出现画中画的场景)
JavaScript 跳出iframe框架
window.top
top 属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用。如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口。
window.self
self 属性可返回对窗口自身的只读引用。等价于 Window 属性。
window.location
window.location(MDN)对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function check(){
if (window.top!=window.self) {
document.write("<p>这个窗口不是最顶层窗口!我在一个框架?</p>")
}
else{
document.write("<p>这个窗口是最顶层窗口!</p>")
}
}
</script>
</head>
<body>
<input type="button" onclick="check()" value="检查窗口">
</body>
</html>
解决:
若想页面跳出 iframe 在里面加上下面这段代码
if (window.top!=window.self) {//若自身窗口不等于顶层窗口
window.top.location.href = window.self.location.href; //顶层窗口跳转到自身窗口
}