在網頁開發過程中,我們經常需要獲取當前頁面的URL地址,以進行一些特定的操作或者進行跳轉。而JavaScript作為一種強大的腳本語言,可以幫助我們實現這一需求。本文將介紹如何使用JavaScript來獲取當前頁面的URL地址,并提供實例代碼。
第一種方法是通過window對象的location屬性來獲取當前頁面的URL地址。該屬性返回一個Location對象,該對象包含了當前窗口加載文檔的URL信息。以下是示例代碼:
var currentUrl = window.location.href; console.log(currentUrl);
上述代碼中,我們首先通過window對象訪問location屬性,然后使用href屬性獲取當前頁面的URL地址,并將其存儲在currentUrl變量中。最后,我們使用console.log()方法將獲取到的URL地址在控制臺中輸出。如果你在瀏覽器的控制臺中運行該代碼,將會輸出當前頁面的URL地址。
第二種方法是通過document對象的URL屬性來獲取當前頁面的URL地址。該屬性返回當前文檔的URL地址。以下是示例代碼:
var currentUrl = document.URL; console.log(currentUrl);
上述代碼中,我們首先訪問document對象,然后使用URL屬性獲取當前頁面的URL地址,并將其存儲在currentUrl變量中。最后,我們使用console.log()方法將獲取到的URL地址在控制臺中輸出。該代碼與前一個示例代碼的效果相同,都可以獲取當前頁面的URL地址。
除了以上兩種方法外,還有其他的方式可以獲取當前頁面的URL地址。比如,我們可以使用location對象的toString()方法來將Location對象轉換為字符串類型,從而獲取當前頁面的URL地址。以下是示例代碼:
var currentUrl = location.toString(); console.log(currentUrl);
上述代碼中,我們首先訪問location對象,并使用toString()方法將Location對象轉換為字符串類型,然后將其存儲在currentUrl變量中。最后,我們使用console.log()方法將獲取到的URL地址在控制臺中輸出。該代碼與前面的示例代碼達到了相同的效果。
綜上所述,JavaScript提供了多種方式來獲取當前頁面的URL地址。我們可以根據自己的需求選擇不同的方法。通過本文的介紹,相信大家已經掌握了如何使用JavaScript來獲取當前頁面的URL地址。