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

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

window.location.href              //返回完整的URL
window.location.host              //返回主機名和端口號
window.location.protocol          //返回協(xié)議類型（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()方法來跳轉(zhuǎn)頁面：

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

又或者，我們可以通過修改window.location.search的值來實現(xiàn)參數(shù)傳遞：

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

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

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

//獲取URL中的某個參數(shù)值
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中某個參數(shù)的值。這種方式可以方便地獲取URL中大量參數(shù)，提高了Web應用的交互性。

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