window.top.location.href 和 window.location.href 的區別

時間 2019-12-09

標籤 window.top.location.href window location href window.location.href 區別欄目 Windows 简体版

原文原文鏈接

"window.location.href"、"location.href"是本頁面跳轉.

"parent.location.href" 是上一層頁面跳轉.

"top.location.href" 是最外層的頁面跳轉.

舉例說明：

若是A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，若是D中js這樣寫

"window.location.href"、"location.href"：D頁面跳轉

"parent.location.href"：C頁面跳轉

"top.location.href"：A頁面跳轉

若是D頁面中有form的話,

<form>: form提交後D頁面跳轉

<form target="_blank">: form提交後彈出新頁面

<form target="_parent">: form提交後C頁面跳轉

<form target="_top"> : form提交後A頁面跳轉

若是訪問的是iframe裏面的頁面，從新加載最外層的頁面

<html>
<head>
<title></title>
<script language="javascript">
function escapeFrame(){
      if (window.top.location.href != window.location.href) {
        window.top.location.reload();
      }
}
</script>
</head>

<body onload="escapeFrame()">
<iframe src="b.html" ></iframe>
</body>
</html>

相關標籤/搜索

window.location.href

window.top.location.href