JavaScript是一門非常強大的編程語言，可以用于Web開發，通過JavaScript可以很方便的獲取頁面的路徑。下面，我將帶您了解如何利用JavaScript獲取網頁的路徑信息。

比如說，我們想獲取當前頁面的路徑，可以使用下面的代碼：

var getPagePath = function() {
var path = window.location.pathname;
var pageName = path.split('/').pop();
return pageName;
}
console.log('當前頁面路徑為：' + getPagePath());

其中，window.location.pathname表示獲取當前頁面所在路徑（除主機名和端口號外的部分），利用split('/')將路徑分隔為一個數組，我們通過pop()獲取數組的最后一個值，即當前頁面的文件名，從而得到當前頁面的路徑。

如果我們需要獲取當前頁面的完整路徑，可以使用下面的代碼：

var fullPath = document.location.href;
console.log('當前頁面完整路徑為：' + fullPath);

其中，document.location.href返回當前頁面的完整URL，我們可以直接輸出得到完整路徑。

接下來，我們看一下如何獲取當前頁面的協議和主機名：

var fullPath = document.location.href;
var pathArray = fullPath.split("://");
var protocol = pathArray[0];
var host = pathArray[1].split('/')[0];
console.log('當前頁面協議為：' + protocol);
console.log('當前頁面主機為：' + host);

其中，fullPath表示當前頁面的完整URL，我們通過split("://")將協議與主機名分隔出來，再通過split('/')獲取主機名。

最后，我們可以通過以下代碼獲取當前頁面模塊的路徑信息：

var splitPath = window.location.pathname.split('/');
var modulePath = '';
for (var i = 1; i< splitPath.length - 1; i++) {
if (splitPath[i] != '') {
modulePath += '/' + splitPath[i];
}
}
console.log('當前頁面模塊路徑為：' + modulePath);

這里，我們通過split('/')將當前頁面路徑分隔成一個數組，再通過循環遍歷數組獲取模塊路徑信息，最后將路徑輸出即可。

通過JavaScript獲取頁面路徑信息非常方便，我們只需要簡單的幾行代碼就可以實現。相信隨著學習的不斷深入，你也可以在實際開發中熟練運用這些技巧！