JavaScript是一個廣泛應用于web開發(fā)和移動應用的編程語言，使用JavaScript可以實現各種功能，其中一個非常重要的功能就是從頁面中獲取各種信息。在很多情況下，我們需要從來源頁面地址中獲取一些信息，比如網址中的參數，或者從網址中提取某些關鍵字等等。那么要如何使用JavaScript來獲取來源頁面地址呢？

最基本的方法是使用window.location.href，這個代碼可以獲取當前頁面的完整網址。比如，我們可以使用下面的代碼來獲取當前頁面的網址：

var currentUrl = window.location.href;

除了window.location.href之外，還有一些其他的屬性和方法可以幫助我們獲取來源頁面地址的相關信息。下面列出了一些常用的屬性和方法：

• window.location.protocol：獲取當前頁面的協議，比如"http:"或"https:"。
• window.location.host：獲取當前頁面的主機名和端口號，比如"example.com:8080"。
• window.location.hostname：獲取當前頁面的主機名，不包括端口號。
• window.location.port：獲取當前頁面的端口號。
• window.location.pathname：獲取當前頁面的路徑部分。
• window.location.search：獲取當前頁面的查詢字符串部分，即問號后面的內容。
• window.location.hash：獲取當前頁面的錨點，即井號后面的內容。

下面是一些具體的例子，演示如何使用上述屬性和方法來獲取頁面的來源地址。比如，假設我們有這樣一個網址：http://example.com/index.html?id=123&name=john#section1，我們想要從中提取出參數id、name和錨點section1。那么可以這樣做：

var url = window.location.href;
var protocol = window.location.protocol;
var host = window.location.host;
var hostname = window.location.hostname;
var port = window.location.port;
var pathname = window.location.pathname;
var search = window.location.search;
var hash = window.location.hash;
// 提取參數和錨點
var query = {};
search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
query[key] = value;
});
var id = query["id"];
var name = query["name"];
var section = hash.substr(1);

上述代碼首先使用window.location獲取了當前頁面的各種信息，然后使用正則表達式提取出了查詢字符串中的參數。最后，可以通過id和name變量來訪問這些參數，通過section變量來訪問錨點。

總之，使用JavaScript可以輕松地獲取來源頁面地址的各種相關信息，這些信息對于前端開發(fā)和后端處理都非常有用。在實際開發(fā)中，可以根據需要靈活地應用上述屬性和方法，根據頁面的不同情況來提取出所需信息。