關(guān)于js中window.location.href,location.href,parent.location.href,top.location.href的用法與區(qū)別
更新時間：2010年10月18日 00:41:06 作者：
關(guān)于js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"、"location.href"是本頁面跳轉(zhuǎn)
"parent.location.href"是上一層頁面跳轉(zhuǎn)
"top.location.href"是最外層的頁面跳轉(zhuǎn)
舉例說明：
如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js這樣寫
"window.location.href"、"location.href"：D頁面跳轉(zhuǎn)
"parent.location.href"：C頁面跳轉(zhuǎn)
"top.location.href"：A頁面跳轉(zhuǎn)
如果D頁面中有form的話,
<form>: form提交后D頁面跳轉(zhuǎn)
<form target="_blank">: form提交后彈出新頁面
<form target="_parent">: form提交后C頁面跳轉(zhuǎn)
<form target="_top"> : form提交后A頁面跳轉(zhuǎn)
關(guān)于頁面刷新，D 頁面中這樣寫：
"parent.location.reload();": C頁面刷新 （當(dāng)然，也可以使用子窗口的 opener 對象來獲得父窗口的對象：window.opener.document.location.reload(); ）
"top.location.reload();": A頁面刷新
"parent.location.href"是上一層頁面跳轉(zhuǎn)
"top.location.href"是最外層的頁面跳轉(zhuǎn)
舉例說明：
如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js這樣寫
"window.location.href"、"location.href"：D頁面跳轉(zhuǎn)
"parent.location.href"：C頁面跳轉(zhuǎn)
"top.location.href"：A頁面跳轉(zhuǎn)
如果D頁面中有form的話,
<form>: form提交后D頁面跳轉(zhuǎn)
<form target="_blank">: form提交后彈出新頁面
<form target="_parent">: form提交后C頁面跳轉(zhuǎn)
<form target="_top"> : form提交后A頁面跳轉(zhuǎn)
關(guān)于頁面刷新，D 頁面中這樣寫：
"parent.location.reload();": C頁面刷新 （當(dāng)然，也可以使用子窗口的 opener 對象來獲得父窗口的對象：window.opener.document.location.reload(); ）
"top.location.reload();": A頁面刷新
您可能感興趣的文章:
- javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法
- JavaScript Window 打開新窗口(window.location.href、window.open、window.showModalDialog)
- js獲取當(dāng)前頁的URL與window.location.href簡單方法
- 快速解決js中window.location.href不工作的問題
- js中window.location.href的用法大全
- javascript中window.location.href的用法
- JS操作BOM時window.location.href跳轉(zhuǎn)后頁面不刷新問題解決辦法
相關(guān)文章
從CustomEvent到dispatchEvent詳解JS中的自定義事件
在JavaScript中自定義事件的用法是前端開發(fā)中一個較為高級的話題,它允許開發(fā)者創(chuàng)建和觸發(fā)自己的事件,從而達到更好的模塊化和代碼解耦,本文將從CustomEvent到dispatchEvent為大家詳解JavaScript中的自定義事件,感興趣的可以了解下2025-10-10
因為最近要控制廣告，所以從綠盟與腳本之家頁面上，整理了一些cookies的操作控制代碼，喜歡的朋友不容錯過。2010-04-04
js彈出模式對話框,并接收回傳值的方法，需要的朋友可以參考一下2013-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)漂亮的星空背景，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了JavaScript實現(xiàn)購物車特效的相關(guān)資料，文中通過示例代碼詳細介紹了，利用Javascript如何實現(xiàn)類似淘寶購物車中商品的單選、全選、刪除、修改等功能，需要的朋友可以參考借鑒，下面來一起看看吧。2017-03-03
Easy.Ajax 部分源代碼 支持文件上傳功能， 兼容所有主流瀏覽器
下面是Easy.Ajax類的初稿，如須發(fā)表，在代碼上還要修改以達到最簡，但API是不會變了2011-02-02
最近小編接到這樣的項目需求，接口返回的數(shù)據(jù)中時間單位為秒，但前端顯示的時候需要更人性化的帶有單位（天，小時，分鐘，秒）的字符串；下面小編給大家?guī)韺嵗a，感興趣的朋友跟隨小編一起看看吧2019-07-07
這篇文章主要為大家詳細介紹了JavaScript仿微博發(fā)布信息案例,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
本篇文章主要介紹了原生JS實現(xiàn)垂直手風(fēng)琴效果的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡單搜索功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07