首頁 web前端 js教程 关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别_javascript技巧

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别_javascript技巧

May 16, 2016 pm 06:18 PM
href location top

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明:

如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转

如果D页面中有form的话,

: form提交后D页面跳转

: form提交后弹出新页面

: form提交后C页面跳转

: form提交后A页面跳转

关于页面刷新,D 页面中这样写:

"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )

"top.location.reload();": A页面刷新
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1666
14
CakePHP 教程
1425
52
Laravel 教程
1324
25
PHP教程
1272
29
C# 教程
1251
24
src和href是什麼意思 src和href是什麼意思 Aug 16, 2023 pm 05:00 PM

src和href分別是,1、src是source的縮寫,用來指定外部資源的路徑,通常用於嵌入外部文件,例如圖片、音訊、視訊等,src屬性一般用在img、script、iframe等標籤上;2、href是hypertext reference的縮寫,用於指定超連結的目標資源的路徑,通常用於連結到外部文件或其他頁面,href屬性一般用在a、link等標籤上。

linux top指令無法使用怎麼辦 linux top指令無法使用怎麼辦 Mar 08, 2023 am 09:26 AM

linux top指令無法使用是因為系統中沒有安裝top指令,其解決方法就是透過「apt-get install procps」或「yum install procps」指令安裝top指令即可。

Nginx伺服器中location設定實例分析 Nginx伺服器中location設定實例分析 May 24, 2023 pm 02:05 PM

首先我來大概的介紹一下location的種類和匹配規則,以nginxwiki的例子做說明:location=/{#matchesthequery/only.[configurationa]}location/{#matchesanyquery,sinceallqueriesbeginwith/,butregular#expressionsandanylongerconventionalbloblobblobaddaldfcksirbe. configurationb]}location^~/im

nginx location中uri的截取如何實現 nginx location中uri的截取如何實現 May 18, 2023 pm 12:07 PM

說明:location中的root和aliasroot指令只是將搜尋的根設定為root設定的目錄,即不會截斷uri,而是使用原始uri跳轉該目錄下查找文件aias指令則會截斷匹配的uri,然後使用alias設定的路徑加上剩餘的uri作為子路徑進行查找location中的proxy_pass的uri如果proxy_pass的url不帶uri如果尾部是"/",則會截斷匹配的uri如果尾部不是"/",則不會截斷匹配的uri如果proxy_pass的url帶uri

href和src發送的什麼請求 href和src發送的什麼請求 Aug 17, 2023 pm 02:20 PM

href和src發送的get請求。詳細說明:1、href屬性,用於指定連結的目標資源,引用外部樣式表會發送GET請求來獲取CSS文件,引用文檔會發送GET請求來獲取指定的HTML文件,引用圖像時它會發送GET請求來獲取指定的圖像檔案;2、src屬性,用於指定嵌入資源的URL,引用圖像時會發送GET請求來獲取指定的圖像文件,引用音頻它會發送一個GET請求來獲取指定的音頻文件等等。

Nginx怎麼設定location與rewrite規則 Nginx怎麼設定location與rewrite規則 May 18, 2023 pm 12:25 PM

location教學範例:location=/{#精確比對/,主機名稱後面不能帶任何字串[configurationA]}location/{#因為所有的位址都以/開頭,而所有這條規則將會符合到所有請求#但是正規則和最長字串會優先匹配[configurationB]}location/documents/{#匹配任何以/documents/開頭的位址,匹配符合以後,還要繼續往下搜尋#只有後面的正規表示式沒有符合到時,這一條才會採用[configurationC]}location~/document

Nginx中Server和Location的匹配邏輯是什麼 Nginx中Server和Location的匹配邏輯是什麼 May 12, 2023 am 11:10 AM

server的匹配邏輯nginx在決定請求由哪個server塊執行時,主要關注的是server塊中的listen和server_name兩個字段listen命令listen字段定義server響應的ip和端口,如果沒有明確配置listen字段,默認監聽0.0.0.0:80(root)或0.0.0.0:8080(非root)listen可以被設定為:一個ip和連接埠的組合一個單獨的ip,預設監聽80埠一個單獨的連接埠,預設監聽所有的ip介面一個unixsocket路徑其中最後一項通常只用於在不同的

src屬性和href屬性在功能和用法上的差異有哪些? src屬性和href屬性在功能和用法上的差異有哪些? Dec 28, 2023 am 08:20 AM

src屬性和href屬性是在HTML中常用的屬性,用來載入外部資源。雖然它們有相似的目的,但在使用和用途上有一些不同。 src屬性:src屬性用於指定要在文件中嵌入的外部資源,主要用於在HTML文件中引入外部腳本文件和媒體文件。它可以用於以下幾種情況:引入外部JavaScript檔案:透過src屬性,將外部的JavaScript檔案連結到HTML頁面。

See all articles