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>
点击按钮: