JavaScript獲取URL匯總
URL即統(tǒng)一資源定位符 (Uniform Resource Locator, URL),完整的URL由這幾個(gè)部分構(gòu)成:
scheme://host:port/path?query#fragment
scheme:通信協(xié)議,常用的http,ftp,maito等。
host:主機(jī),服務(wù)器(計(jì)算機(jī))域名系統(tǒng) (DNS) 主機(jī)名或 IP 地址。
port:端口號(hào),整數(shù),可選,省略時(shí)使用方案的默認(rèn)端口,如http的默認(rèn)端口為80。
path:路徑,由零或多個(gè)"/"符號(hào)隔開(kāi)的字符串,一般用來(lái)表示主機(jī)上的一個(gè)目錄或文件地址。
query:查詢,可選,用于給動(dòng)態(tài)網(wǎng)頁(yè)(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技術(shù)制作的網(wǎng)頁(yè))傳遞參數(shù),可有多個(gè)參數(shù),用"&"符號(hào)隔開(kāi),每個(gè)參數(shù)的名和值用"="符號(hào)隔開(kāi)。
fragment:信息片斷,字符串,用于指定網(wǎng)絡(luò)資源中的片斷。例如一個(gè)網(wǎng)頁(yè)中有多個(gè)名詞解釋,可使用fragment直接定位到某一名詞解釋。(也稱為錨點(diǎn))
下面我們舉例一個(gè)URL,然后獲得它的各個(gè)組成部分。
http://www.dhdzp.com/newsDetail.php?id=65
window.location.href
可以獲得整個(gè)URL字符串(在瀏覽器中就是完整的地址欄)。
var test = window.location.href; alert(test);
程序返回 http://www.dhdzp.com/newsDetail.php?id=65
window.location.protocol
可以獲得 URL 的協(xié)議部分
var test = window.location.protocol; alert(test);
程序返回 http:
window.location.host
可以獲得 URL 的主機(jī)部分
var test = window.location.host; alert(test);
程序返回 www.dhdzp.com
window.location.port
可以獲得 URL 的端口部分
var test = window.location.port; alert(test);
如果采用默認(rèn)的80端口(update:即使添加了:80),那么返回值并不是默認(rèn)的80而是空字符。
window.location.pathname
獲得 URL 的路徑部分(就是文件地址)
var test = window.location.pathname; alert(test);
window.location.search
獲得查詢(參數(shù))部分,除了給動(dòng)態(tài)語(yǔ)言賦值以外,我們同樣可以給靜態(tài)頁(yè)面,并使用javascript來(lái)獲得相信應(yīng)的參數(shù)值。
var test = window.location.search; alert(test);
window.location.hash
獲得錨點(diǎn)。
var test = window.location.hash; alert(test);
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- 使用JavaScript獲取URL中的參數(shù)(兩種方法)
- jsp獲取url路徑的方法分析
- js獲取url傳值的方法
- JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成json對(duì)象
- Js+Jq獲取URL參數(shù)的集中方法示例代碼
- js獲取url中"?"后面的字串方法
- JS獲取URL中參數(shù)值(QueryString)的4種方法分享
- js獲取url中的參數(shù)且參數(shù)為中文時(shí)通過(guò)js解碼
- JS獲取url鏈接字符串 location.href
- 詳解javascript獲取url信息的常見(jiàn)方法
相關(guān)文章
ElementUI 的 Tree 組件的基本使用實(shí)戰(zhàn)教程
這篇文章主要介紹了ElementUI 的 Tree 組件的基本使用實(shí)戰(zhàn)教程,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
JavaScript中判斷數(shù)據(jù)類型的方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了一些JavaScript中判斷數(shù)據(jù)類型的方法,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,需要的小伙伴可以了解一下2023-07-07
淺談webpack 構(gòu)建性能優(yōu)化策略小結(jié)
webpack以其豐富的功能和靈活的配置而深受業(yè)內(nèi)吹捧,逐步取代了grunt和gulp成為大多數(shù)前端工程實(shí)踐中的首選,這篇文章主要介紹了淺談webpack 構(gòu)建性能優(yōu)化策略小結(jié),感興趣的小伙伴們可以參考一下2018-06-06
js/jquery解析json和數(shù)組格式的方法詳解
本篇文章主要是對(duì)js/jquery解析json和數(shù)組格式的方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01

