[轉]window.location方法獲取URL及window.location.assign(url)和replace(url)區別


本文轉自:http://blog.csdn.net/chendi1985/article/details/5291773

window.location方法獲取URL

統一資源定位符 (Uniform Resource Locator, URL)

完整的URL由這幾個部分構成:

scheme://host:port/path?query#fragment

scheme:通信協議

常用的http,ftp,maito等

host:主機

服務器(計算機)域名系統 (DNS) 主機名或 IP 地址。

port:端口號

整數,可選,省略時使用方案的默認端口,如http的默認端口為80。

path:路徑

由零或多個"/"符號隔開的字符串,一般用來表示主機上的一個目錄或文件地址。

query:查詢

可選,用於給動態網頁(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技術制作的網頁)傳遞參數,可有多個參數,用"&"符號隔開,每個參數的名和值用"="符號隔開。

fragment:信息片斷

字符串,用於指定網絡資源中的片斷。例如一個網頁中有多個名詞解釋,可使用fragment直接定位到某一名詞解釋。(也稱為錨點.)

 

示例:

       http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love

1, window.location.href

整個URl字符串(在瀏覽器中就是完整的地址欄)

返回值:http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love 2,window.location.protocol

URL 的協議部分

返回值:http:

3,window.location.host

URL 的主機部分,

返回值:www.home.com

4,window.location.port

URL 的端口部分。如果采用默認的80端口(update:即使添加了:80),那么返回值並不是默認的80而是空字符。

本例返回值:8080

 

5,window.location.pathname

URL 的路徑部分(就是文件地址)

返回值:/windows/location/page.html

6,window.location.search

查詢(參數)部分。除了給動態語言賦值以外,我們同樣可以給靜態頁面,並使用javascript來獲得相信應的參數值

返回值:?ver=1.0&id=timlq

7,window.location.hash

錨點

返回值:#love

 

window.location.assign(url)和replace(url)區別

window.location.assign(url) : 加載URL 指定的新的 HTML 文檔。就相當於一個鏈接,跳轉到指定的url,當前頁面會轉為新頁面內容,可以點擊后退返回上一個頁面。

      window.location.replace(url) : 通過加載 URL 指定的文檔來替換當前文檔 ,這個方法是替換當前窗口頁面,前后兩個頁面共用一個窗口,所以是沒有后退返回上一頁的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM