欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

javascript 獲取 uri

劉柏宏1年前7瀏覽0評論

Javascript作為Web前端開發中的重要編程語言,其功能強大,應用廣泛。其中,獲取URI是Javascript中常用的操作之一。URI是指Uniform Resource Identifier的縮寫,我常用URI解釋為Uniform Resource Identification,因為它確實是一種用來標識Web資源的方式,同時也是Web開發中常用的參數傳遞方式。

要獲取URI,關鍵的代碼是window對象的location屬性。location包含了許多很有用的信息,常用的有如下幾種:

window.location.href              //返回完整的URL
window.location.host              //返回主機名和端口號
window.location.protocol          //返回協議類型(http, https, ftp等)
window.location.search            //返回URL中的查詢部分,以?開頭
window.location.hash              //返回URL中的位置部分,以#號開頭
window.location.pathname          //返回當前頁面的路徑和文件名

例如,當我們訪問以下鏈接時:

https://www.example.com/index.html?id=1234#section1

我們可以通過如下代碼獲取URI的各個部分:

console.log(window.location.href)        //輸出 https://www.example.com/index.html?id=1234#section1
console.log(window.location.host)        //輸出 www.example.com
console.log(window.location.protocol)    //輸出 https:
console.log(window.location.search)      //輸出 ?id=1234
console.log(window.location.hash)        //輸出 #section1
console.log(window.location.pathname)    //輸出 /index.html

除了獲取URI信息,我們還可以通過Javascript來修改URI。例如,我們可以通過location.assign()方法來跳轉頁面:

window.location.assign('https://www.example.com')  //跳轉至 https://www.example.com

又或者,我們可以通過修改window.location.search的值來實現參數傳遞:

window.location.search = '?name=example'    //將URL變為 https://www.example.com/index.html?name=example#section1

需要注意的是,當我們修改location屬性時,會使頁面發生重定向。因此,在修改之前需要進行一定的判斷,以免導致意外的頁面跳轉。

在實際應用中,我們也可以通過正則表達式來提取URI中的信息,例如:

//獲取URL中的某個參數值
function getParamByName(name) {
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.href);
if (results == null) {
return "";
} else {
return decodeURIComponent(results[1].replace(/\+/g, " "));
}
}
console.log(getParamByName('id'));           //輸出 1234

以上代碼通過正則表達式、exec方法和decodeURIComponent方法來獲取URI中某個參數的值。這種方式可以方便地獲取URL中大量參數,提高了Web應用的交互性。

綜上所述,Javascript獲取URI是一種很重要的方法,可以通過window對象的location屬性實現。無論是獲取還是修改URI,我們都需要謹慎地進行操作,以免影響用戶的體驗。同時,正則表達式也是我們常用的工具之一,可以提高代碼的可重用性,在實際開發中要善加利用。