JS之将当前窗口设置为顶级窗口

相关
  • self:返回对当前窗口的引用。等价于 Window 属性。
  • top:属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用。如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口。
  • Location 对象:
    Location 对象包含有关当前 URL 的信息。
    Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
代码示例

test.html:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
    </head>
	<body>
		这是test窗口(顶级窗口)<br />
		<iframe src="index.html" width="500px" height="500px"></iframe>
	</body>
</html>

index.html:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		这是index窗口
		<script>
			function setTop(){
				if (window.top != window.self){
					window.top.location = window.self.location;
				}
			}
		</script>
		<input type="button" 
			value="如果当前窗口不是顶级窗口的话,将当前窗口设置为顶级窗口" 
			onclick="setTop()" />
	</body>
</html>

在这里插入图片描述
点击按钮:
在这里插入图片描述

原文地址:https://www.cnblogs.com/yu011/p/13657595.html