JavaScript 是一種廣泛應用于網頁中的編程語言。在網頁中,JavaScript 可以用來操作網頁的各種元素,以及獲取網頁的各種信息。其中一個常見的操作就是獲取當前網頁的地址(url)。
要獲取當前網頁的地址,可以使用 JavaScript 的
window.location對象。這個對象包含了當前網頁的很多有用信息,包括地址中的主機名、路徑和查詢字符串等。
下面是一個簡單的例子,使用 JavaScript 獲取當前網頁地址中的主機名:
var hostname = window.location.hostname; console.log('當前網頁的主機名是:' + hostname);
在上面的代碼中,
window.location.hostname返回的是當前網頁地址的主機名,賦值給了變量
hostname。然后使用
console.log()將主機名輸出到控制臺。
除了主機名,還有很多其他有用的信息可以從
window.location中獲取。例如,下面的代碼可以獲取當前網頁地址的完整路徑:
var fullpath = window.location.pathname + window.location.search + window.location.hash; console.log('當前網頁的完整路徑是:' + fullpath);
在上面的代碼中,
window.location.pathname返回的是當前網頁的路徑部分(不包括主機名和查詢字符串)。
window.location.search返回的是當前網頁的查詢字符串部分,如果沒有查詢字符串則返回空字符串。
window.location.hash返回的是當前網頁的錨點(即地址中 # 后面的部分),如果沒有錨點則返回空字符串。將這些部分相加,就可以得到完整的網頁路徑。
除了
window.location之外,還有一個叫做
document.URL的屬性也可以用來獲取當前網頁的地址。這兩個方法的功能類似,但是有一些微小的差別。例如,
window.location.href屬性可以修改當前網頁的地址,而
document.URL則不行。
獲取網頁地址是在很多 JavaScript 應用中必備的功能。要想更好地利用這些信息,可以結合其他 JavaScript 庫,如 jQuery 和 React 等,實現更復雜的網頁操作。