js頁面跳轉(zhuǎn)的問題(跳轉(zhuǎn)到父頁面、最外層頁面、本頁面)
更新時(shí)間：2013年08月14日 14:49:56 作者：
js頁面跳轉(zhuǎn)：本頁面跳轉(zhuǎn),上一層頁面跳轉(zhuǎn)，最外層的頁面跳轉(zhuǎn)，下面為大家大家分享下不同頁面之家的跳轉(zhuǎn)問題，感興趣的朋友可以學(xué)習(xí)下
"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 對(duì)象來獲得父窗口的對(duì)象：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 對(duì)象來獲得父窗口的對(duì)象：window.opener.document.location.reload(); ）
"top.location.reload();": A頁面刷新
您可能感興趣的文章:
- js頁面跳轉(zhuǎn)常用的幾種方式
- jsp下頁面跳轉(zhuǎn)的幾種方法小結(jié)
- form表單只提交數(shù)據(jù)而不進(jìn)行頁面跳轉(zhuǎn)的解決方案
- java servlet 幾種頁面跳轉(zhuǎn)的方法
- js實(shí)現(xiàn)頁面跳轉(zhuǎn)重定向的幾種方式
- js 控制頁面跳轉(zhuǎn)的5種方法
- JAVASCRIPT實(shí)現(xiàn)的WEB頁面跳轉(zhuǎn)以及頁面間傳值方法
- 用meta實(shí)現(xiàn)的頁面跳轉(zhuǎn)代碼
- js 有框架頁面跳轉(zhuǎn)(target)三種情況下的應(yīng)用
- javascript 頁面跳轉(zhuǎn)方法集合
- JSP頁面跳轉(zhuǎn)方法大全
相關(guān)文章
為了減小瀏覽器與服務(wù)器之間網(wǎng)絡(luò)傳輸壓力，往往對(duì)靜態(tài)文件，如js,css,修飾的圖片做cache，也就是給這些文件的HTTP響應(yīng)頭加入 Expires和Cache-Control參數(shù)，并指定緩存時(shí)間，這篇文章詳細(xì)介紹Ajax清楚瀏覽js、Css、圖片緩存的方法，有需要的朋友可以參考下2015-08-08
微信小程序webview實(shí)現(xiàn)長按點(diǎn)擊識(shí)別二維碼功能示例
這篇文章主要介紹了微信小程序webview實(shí)現(xiàn)長按點(diǎn)擊識(shí)別二維碼功能,結(jié)合實(shí)例形式分析了webview二維碼識(shí)別相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
本篇文章主要是介紹了微信小程序-微信登陸、微信支付、模板消息，具有一定的參考價(jià)值，有需要的可以了解一下。2016-11-11
這篇文章主要介紹了Javascript簡單改變表單元素背景的方法,涉及javascript操作頁面元素樣式的基本技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-07-07
利用javascript打開模態(tài)對(duì)話框(示例代碼)
本篇文章主要是對(duì)利用javascript打開模態(tài)對(duì)話框的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒的形式
在實(shí)際工作中經(jīng)常會(huì)遇見把秒數(shù)轉(zhuǎn)化為時(shí)分秒的問題,如何處理呢?下面這篇文章主要給大家介紹了關(guān)于JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒形式的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
EChart開源來自百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊(duì)，基于html5?Canvas，是一個(gè)純Javascript圖表庫，提供直觀，生動(dòng)，可交互，可個(gè)性化定制的數(shù)據(jù)可視化圖表。本文將利用EChart實(shí)現(xiàn)折線圖的繪制，感興趣的可以學(xué)習(xí)一下2022-03-03
js計(jì)算系統(tǒng)當(dāng)前日期是星期幾的方法
這篇文章主要為大家詳細(xì)介紹了js計(jì)算系統(tǒng)當(dāng)前日期是星期幾4種方法,需要的朋友可以參考下2016-07-07
最近在做Web 頁面，雖然不是很喜歡，不過既然公司安排了，就好好做吧，還是學(xué)了不少東西。2009-06-06
JS實(shí)現(xiàn)查找數(shù)組中對(duì)象的屬性值是否存在示例
這篇文章主要介紹了JS實(shí)現(xiàn)查找數(shù)組中對(duì)象的屬性值是否存在,涉及javascript針對(duì)json數(shù)組的遍歷、查找相關(guān)操作技巧,需要的朋友可以參考下2019-05-05