JavaScript是一種廣泛應(yīng)用于網(wǎng)頁編程的腳本語言。在HTML網(wǎng)頁中，JavaScript可以被嵌入到<script>標(biāo)簽中。通過在這些標(biāo)簽中插入合適的JavaScript代碼，可以實(shí)現(xiàn)網(wǎng)頁的多樣化和動(dòng)態(tài)化。

JavaScript可以操縱HTML頁面的各種元素，并在需要的時(shí)候更改它們的樣式、屬性或內(nèi)容。這種靈活性和互動(dòng)性在動(dòng)態(tài)網(wǎng)頁中起著至關(guān)重要的作用。

在編寫JavaScript代碼時(shí)，有一個(gè)常見的問題是如何獲取當(dāng)前網(wǎng)頁所在的URL地址。下面的代碼演示了如何使用JavaScript獲取當(dāng)前URL：

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

上面的代碼中，我們使用了window.location對(duì)象，并將它的 href 屬性賦給了currentUrl變量。href 屬性包含了當(dāng)前網(wǎng)頁的URL。

除了window.location對(duì)象，還有另外一個(gè)對(duì)象--document.location。與window.location相同的是，它們都包含了當(dāng)前網(wǎng)頁的URL。下面的代碼展示了如何使用document.location獲取當(dāng)前URL：

var currentUrl = document.location.href;
console.log(currentUrl);

需要注意的是，雖然window.location和document.location都有href屬性，但它們并不完全相同。window.location還有其他的屬性和方法，如hash、search、replace()等。而document.location只有一個(gè) readonly 的href屬性。

在某些情況下，我們需要將當(dāng)前URL分解成其各個(gè)部分。例如，我們可能需要獲取當(dāng)前網(wǎng)頁所在的主機(jī)名、協(xié)議、路徑等信息。下面的代碼展示了如何使用JavaScript獲取當(dāng)前網(wǎng)頁的主機(jī)名：

var currentHost = window.location.hostname;
console.log(currentHost);

上面的代碼中，我們首先訪問了window.location對(duì)象，并使用了它的hostname屬性獲取了當(dāng)前網(wǎng)頁所在的主機(jī)名。

除了hostname屬性，window.location還有其他的一些屬性可以用來截取URL的各個(gè)部分。下面的代碼展示了如何使用JavaScript獲取當(dāng)前網(wǎng)頁的協(xié)議：

var currentProtocol = window.location.protocol;
console.log(currentProtocol);

在上面的代碼中，我們使用了window.location對(duì)象的protocol屬性來獲取URL所使用的協(xié)議（即http、https等）。

除了上面的屬性，window.location還有其他的一些方法，如assign()、reload()等。其中，assign()方法可用于將當(dāng)前網(wǎng)頁重定向到新的URL，reload()方法可用于重新加載當(dāng)前網(wǎng)頁。

總之，獲取當(dāng)前URL可能是在JavaScript編程中最常見的任務(wù)之一。我們可以使用window.location對(duì)象或document.location對(duì)象來獲取當(dāng)前網(wǎng)頁的URL或URL的各個(gè)部分，這樣就可以更好地了解當(dāng)前網(wǎng)頁的環(huán)境，并做出相應(yīng)的操作。