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