JavaScript是前端開發的重要組成部分，除了可以操作網頁的DOM元素，還可以獲取瀏覽器的URL信息。在很多場景下，獲取URL信息是非常重要的，比如說從URL中獲取當前網頁的ID，判斷用戶是否有權限訪問特定頁面等等。本文將介紹如何使用JavaScript獲取瀏覽器的URL。

獲取URL是一個常見而簡單的操作。在JavaScript中，可以使用window對象的location屬性獲取URL信息。這個屬性包含了當前瀏覽器窗口的URL信息。如下面的例子所示：

var url = window.location.href;
console.log(url);

上面代碼中，使用window.location.href獲取了當前網頁的URL并將其賦值給一個變量url。然后在控制臺中輸出了這個變量。如果當前網頁的URL是'https://www.example.com/index.html'，那么控制臺就會輸出這個URL。

除了href屬性，location對象還有很多其他有用的屬性：protocol、host、port、pathname、hash等等。分別代表了URL中的協議、域名、端口、路徑和頁面錨點。下面是一個獲取URL中各部分信息的例子：

var protocol = window.location.protocol;
var host = window.location.host;
var port = window.location.port;
var pathname = window.location.pathname;
var hash = window.location.hash;
console.log(protocol);
console.log(host);
console.log(port);
console.log(pathname);
console.log(hash);

上面代碼中，分別使用了location對象的protocol、host、port、pathname和hash屬性來獲取URL中各部分信息，并將它們分別賦值給不同的變量。最后將這些變量輸出到控制臺中。如果當前網頁的URL是'https://www.example.com:8080/index.html#top'，那么控制臺就會輸出：

https:
www.example.com
8080
/index.html
#top

除了location屬性，還有一種更簡單的方式獲取URL信息，那就是通過location對象的方法。比如說，獲取URL的查詢參數可以通過location.search方法實現。

var query = window.location.search;
console.log(query);

上面代碼中，使用location.search方法獲取了當前URL的查詢參數，并將結果輸出到控制臺。如果當前URL的查詢參數是'?name=john&age=30'，那么控制臺就會輸出'？name=john&age=30'。

總之，在JavaScript中獲取URL非常簡單，只需要使用location對象的相應屬性或方法就可以了。如果需要獲取URL信息，不妨試一試location對象。希望這篇文章能對你有所幫助！