關(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è)面刷新
您可能感興趣的文章:
- javascript 中設(shè)置window.location.href跳轉(zhuǎn)無(wú)效問(wèn)題解決辦法
- JavaScript Window 打開新窗口(window.location.href、window.open、window.showModalDialog)
- js獲取當(dāng)前頁(yè)的URL與window.location.href簡(jiǎn)單方法
- 快速解決js中window.location.href不工作的問(wèn)題
- js中window.location.href的用法大全
- javascript中window.location.href的用法
- JS操作BOM時(shí)window.location.href跳轉(zhuǎn)后頁(yè)面不刷新問(wèn)題解決辦法
相關(guān)文章
從CustomEvent到dispatchEvent詳解JS中的自定義事件
在JavaScript中自定義事件的用法是前端開發(fā)中一個(gè)較為高級(jí)的話題,它允許開發(fā)者創(chuàng)建和觸發(fā)自己的事件,從而達(dá)到更好的模塊化和代碼解耦,本文將從CustomEvent到dispatchEvent為大家詳解JavaScript中的自定義事件,感興趣的可以了解下2025-10-10
JavaScript實(shí)現(xiàn)類似淘寶的購(gòu)物車效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)購(gòu)物車特效的相關(guān)資料,文中通過(guò)示例代碼詳細(xì)介紹了,利用Javascript如何實(shí)現(xiàn)類似淘寶購(gòu)物車中商品的單選、全選、刪除、修改等功能,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-03-03
Easy.Ajax 部分源代碼 支持文件上傳功能, 兼容所有主流瀏覽器
下面是Easy.Ajax類的初稿,如須發(fā)表,在代碼上還要修改以達(dá)到最簡(jiǎn),但API是不會(huì)變了2011-02-02
JS將時(shí)間秒轉(zhuǎn)換成天小時(shí)分鐘秒的字符串
最近小編接到這樣的項(xiàng)目需求,接口返回的數(shù)據(jù)中時(shí)間單位為秒,但前端顯示的時(shí)候需要更人性化的帶有單位(天,小時(shí),分鐘,秒)的字符串;下面小編給大家?guī)?lái)實(shí)例代碼,感興趣的朋友跟隨小編一起看看吧2019-07-07
原生JS實(shí)現(xiàn)垂直手風(fēng)琴效果
本篇文章主要介紹了原生JS實(shí)現(xiàn)垂直手風(fēng)琴效果的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02

