關(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"是本頁(yè)面跳轉(zhuǎn)
"parent.location.href"是上一層頁(yè)面跳轉(zhuǎn)
"top.location.href"是最外層的頁(yè)面跳轉(zhuǎn)
舉例說(shuō)明:
如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js這樣寫
"window.location.href"、"location.href":D頁(yè)面跳轉(zhuǎn)
"parent.location.href":C頁(yè)面跳轉(zhuǎn)
"top.location.href":A頁(yè)面跳轉(zhuǎn)
如果D頁(yè)面中有form的話,
<form>: form提交后D頁(yè)面跳轉(zhuǎn)
<form target="_blank">: form提交后彈出新頁(yè)面
<form target="_parent">: form提交后C頁(yè)面跳轉(zhuǎn)
<form target="_top"> : form提交后A頁(yè)面跳轉(zhuǎn)
關(guān)于頁(yè)面刷新,D 頁(yè)面中這樣寫:
"parent.location.reload();": C頁(yè)面刷新 (當(dāng)然,也可以使用子窗口的 opener 對(duì)象來(lái)獲得父窗口的對(duì)象:window.opener.document.location.reload(); )
"top.location.reload();": A頁(yè)面刷新
"parent.location.href"是上一層頁(yè)面跳轉(zhuǎn)
"top.location.href"是最外層的頁(yè)面跳轉(zhuǎn)
舉例說(shuō)明:
如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js這樣寫
"window.location.href"、"location.href":D頁(yè)面跳轉(zhuǎn)
"parent.location.href":C頁(yè)面跳轉(zhuǎn)
"top.location.href":A頁(yè)面跳轉(zhuǎn)
如果D頁(yè)面中有form的話,
<form>: form提交后D頁(yè)面跳轉(zhuǎn)
<form target="_blank">: form提交后彈出新頁(yè)面
<form target="_parent">: form提交后C頁(yè)面跳轉(zhuǎn)
<form target="_top"> : form提交后A頁(yè)面跳轉(zhuǎn)
關(guān)于頁(yè)面刷新,D 頁(yè)面中這樣寫:
"parent.location.reload();": C頁(yè)面刷新 (當(dāng)然,也可以使用子窗口的 opener 對(duì)象來(lái)獲得父窗口的對(duì)象:window.opener.document.location.reload(); )
"top.location.reload();": A頁(yè)面刷新
您可能感興趣的文章:
- js中window.location.href的用法大全
- javascript中window.location.href的用法
- JavaScript Window 打開(kāi)新窗口(window.location.href、window.open、window.showModalDialog)
- js獲取當(dāng)前頁(yè)的URL與window.location.href簡(jiǎn)單方法
- javascript 中設(shè)置window.location.href跳轉(zhuǎn)無(wú)效問(wèn)題解決辦法
- 快速解決js中window.location.href不工作的問(wèn)題
相關(guān)文章
JavaScript實(shí)現(xiàn)圖片瀑布流和底部刷新
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)圖片瀑布流和底部刷新,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01JavaScript制作淘寶星級(jí)評(píng)分效果的思路
這篇文章主要介紹了JavaScript制作淘寶星級(jí)評(píng)分效果的整個(gè)思考過(guò)程,思路很清晰,并附帶了完整的程序源碼,感興趣的小伙伴們可以參考一下2015-11-11javascript原生封裝一個(gè)淡入淡出效果的函數(shù)測(cè)試實(shí)例代碼
這篇文章主要介紹了javascript原生封裝一個(gè)淡入淡出效果的函數(shù),主要有FadeIn淡入函數(shù)和FadeOut淡出函數(shù),需要的朋友可以參考下2018-03-03javascript中時(shí)區(qū)知識(shí)的整理UTC GMT問(wèn)題
這篇文章主要介紹了javascript中時(shí)區(qū)知識(shí)的整理UTC GMT問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10TypeScript調(diào)整數(shù)組元素順序算法
數(shù)組類型在TS中可以使用多種方式,比較靈活,下面這篇文章主要給大家介紹了關(guān)于TypeScript調(diào)整數(shù)組元素順序算法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04javascript 學(xué)習(xí)筆記(onchange等)
javascript 學(xué)習(xí)筆記,一些簡(jiǎn)單的小技巧,學(xué)習(xí)js的朋友可以看下。2010-11-11JS消息彈框alert、confirm、prompt的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS消息彈框alert、confirm、prompt,文中還給大家介紹了js的三大基礎(chǔ)彈框,結(jié)合示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09