關(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頁面刷新 （當然，也可以使用子窗口的 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頁面刷新 （當然，也可以使用子窗口的 opener 對象來獲得父窗口的對象：window.opener.document.location.reload(); ）
"top.location.reload();": A頁面刷新
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Webpack打包詳細流程及代碼的相關(guān)資料,Webpack是一款非常流行的打包工具,它的主要作用是將項目中的各個模塊打包成靜態(tài)資源,以便于在瀏覽器中加載和運行,需要的朋友可以參考下2024-01-01
在“按需加載”的需求中，我們經(jīng)常會判斷當腳本加載完成時，返回一個回調(diào)函數(shù)，那如何去判斷腳本的加載完成呢？2009-05-05
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)圖片瀑布流和底部刷新，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
把JS與CSS寫在同一個文件里的書寫方法...2007-06-06
這篇文章主要介紹了JavaScript制作淘寶星級評分效果的整個思考過程，思路很清晰，并附帶了完整的程序源碼，感興趣的小伙伴們可以參考一下2015-11-11
javascript原生封裝一個淡入淡出效果的函數(shù)測試實例代碼
這篇文章主要介紹了javascript原生封裝一個淡入淡出效果的函數(shù),主要有FadeIn淡入函數(shù)和FadeOut淡出函數(shù)，需要的朋友可以參考下2018-03-03
javascript中時區(qū)知識的整理UTC GMT問題
這篇文章主要介紹了javascript中時區(qū)知識的整理UTC GMT問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
TypeScript調(diào)整數(shù)組元素順序算法
數(shù)組類型在TS中可以使用多種方式,比較靈活,下面這篇文章主要給大家介紹了關(guān)于TypeScript調(diào)整數(shù)組元素順序算法的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
javascript 學習筆記，一些簡單的小技巧，學習js的朋友可以看下。2010-11-11
JS消息彈框alert、confirm、prompt的實現(xiàn)代碼
這篇文章主要介紹了JS消息彈框alert、confirm、prompt,文中還給大家介紹了js的三大基礎(chǔ)彈框，結(jié)合示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-09-09