2. 程式人生 > >window.location.href和window.open的幾種用法和區別

window.location.href和window.open的幾種用法和區別

阿新 • • 發佈：2019-01-21

使用js的同學一定知道js的location.href的作用是什麼，但是在js中關於location.href的用法究竟有哪幾種，究竟有哪些區別，估計很多人都不知道了。

回到頂部

一、location.href常見的幾種形式

目前在開發中經常要用到的幾種形式有:

1 2 3 4 5 6 self.location.href;//當前頁面開啟URL頁面 window.location.href;//當前頁面開啟URL頁面 this.location.href;//當前頁面開啟URL頁面 location.href;// 當前頁面開啟URL頁面
parent.location.href;//在父頁面開啟新頁面 top.location.href;//在頂層頁面開啟新頁面                                        

 經常見到的大概有以上幾種形式。

注：①如果頁面中自定義了frame，那麼可將parent、self、top換為自定義frame的名稱,效果是在frame視窗開啟url地址。

②此外，window.location.href=window.location.href;和window.location.Reload();都是重新整理當前頁面。區別在於是否有提交資料。當有提交資料時，window.location.Reload()會提示是否提交，window.location.href=window.location.href;則是向指定的url提交資料.

③用window.open()開啟新頁面 
但是用window.location.href＝"" 卻是在原視窗開啟的. 
有時瀏覽器會一些安全設定window.open肯定被遮蔽。例如避免彈出廣告視窗。
回到頂部

二、location.href不同形式之間的區別

那麼，這幾種形式的跳轉究竟有什麼區別呢？

直接講定義，你肯定不會理解透徹，下面我來貼四個html程式碼，用實際的例子講解。

a.html:

1 2 3 4 5 <form id="form1" action
=""> <div><strong>這是a.html頁面<strong> <iframe src="b.html" width="500px" height="300px"></iframe> </strong></strong></div> </form> <pre>

b.html:

1 2 <span>這是b.html</span><span id="span1"
javascript中window.open()與window.location.href

javascrip 定位 page 說過 函數 cnblogs 忘記 logs glin 1.window.location是window對象的屬性，而window.open是window對象的方法 　　 window.location是你對當前瀏覽器窗口的URL地址

JSP中使用window.location.href()跳轉和傳遞引數。

  JSP中使用window.location.href()跳轉和傳遞引數 在按鈕上新增onclick時間，並傳遞引數給js函式，引數可以為input中輸入的值，也可以為jsp中獲取的值。 onclick="doDelete(${student.id}) 然後呼叫js中的函

window.location.replace和window.location.href區別

比如有3個頁面：跳轉關係為  a > b > c； 1：b > c 是通過window.location.replace("..xx/c.xx")   此時b頁面的url會被c頁面代替，並且點選後退按鈕時會回退到a頁面（最開始的頁面); 2：b > c

window. location. href和window. location. replace的區別

【原文：https://zhidao.baidu.com/question/1510959179556198380.html】   window.location.href和window.location.replace的區別   href相當於開啟一個新頁面，r

關於 http和window.location.href的分析 和 URL中“#” “？” &“”號的作用

      window.location.replace(url) ： 通過載入 URL 指定的文件來替換當前文件 ，這個方法是替換當前視窗頁面，前後兩個頁面共用一個視窗，所以是沒有後退返回上一頁的 閱讀目錄 1. #2. ？3. & 回到頂部 1. #     10年9月，t

window.location和window.location.href區別詳解

window.location是一個物件，包含屬性有 hash 從井號 (#) 開始的 URL（錨） host 主機名和當前 URL 的埠號 hostname 當前 URL 的主機名 href 完整的 URL pathname 當前 URL 的路徑部分 port 當前

window.location.replace和window.location.href的區別

sdn style -h 默認 .net oca height ack tps 簡單說說：有3個jsp頁面（1.jsp, 2.jsp, 3.jsp）。 進系統默認的是1.jsp ，當我進入2.jsp的時候， 2.jsp裏面用window.location.repla

JS中設置window.location.href跳轉無效

設置 gin false urn window body 跳轉 log color window.location.href="login.jsp"; window.event.returnValue=false; JS中設置window.location.

js如何獲取window.location.href跳轉後查詢字符串的值？

fun click ear func ren htm 獲取 earch cli $("#worked_count").parent().attr("onClick","window.location.href=‘view/warn/task_list.html?task_s

獲取window.location.href中傳的值，並且轉換成json數據使用

() win urn spa cati var 使用 並且 應該 做個記錄保存一下，以免以後再次用到忘記了。 function locVal(){ var url=window.location.href; if (url.indexOf(‘?‘)==-1

window.location.href 跳轉無歷史記錄

pan win 為什麽 cat spa 替換 當前頁 nload stat 需求：從頁面a單點登錄跳至頁面b,在頁面b裏做判斷符合條件後location.href至c頁面 問題：在頁面c中點擊返回按鈕頁面回到了a,正常情況下應該回到頁面b 原因：在當前頁面的 onlo

微信BUG之微信內置的瀏覽器中window.location.href 不跳轉

href details clas pan 模擬 dom sdn times word 最近做微信開發遇到這個問題，查了一些文檔，總結一下 1.url後面加參數 indow.location.href = url +‘?timestamp=‘+ new Date().get

window location href多次跳轉導致a標籤中的onclick失效

我們通過window.location.href來多次跳轉一個介面的時候可能會出現a標籤的失效，可以通過 <a  href="javascript:history.go(-1);" >返回

JavaScript各種定向攜帶引數傳值問題。（window.location.href）

帶變數 string id = Request.QueryString["id"].ToString(); Response.Write("<script>alert('成功');window.location.href('reply.aspx?word_id=

window location href 跳轉之後怎麼獲得後面帶引數

function GetRequest() { var url = location.search; //獲取url中"?"符後的字串 var theRequest = new Object(); if (url.ind