Javascript是一门广泛用于网页应用开发的脚本语言，它能够实现动态交互效果，而获取网页url是其中一个非常重要的功能。网页url（Uniform Resource Locator）是指网页的地址，浏览器加载网页时就会请求相应的url。在网页开发中，我们需要获取url来完成各种操作，比如打印出url、发送url到服务器端、获取url中的参数等。本文将着重介绍Javascript中如何获取url。

获取url最简单的方法就是使用window.location.href，当然，许多开发人员可能没有注意到该方法名称中的href，但它的确可以帮助我们获取url的位置。以下是相关代码实例：

var href = window.location.href;
console.log(href); // 输出当前页面的url

我们还可以使用其他window.location方法获取更多url信息。比如，可以使用window.location.protocol获取协议类型（http或者https），可以使用window.location.host获取服务器主机名称，可以使用window.location.pathname获取页面名称，还可以使用window.location.search获取查询参数。以下是相关代码实例：

var protocol = window.location.protocol;
console.log(protocol); // 输出协议类型
var host = window.location.host;
console.log(host); // 输出服务器主机名称
var pathName = window.location.pathname;
console.log(pathName); // 输出页面名称
var search = window.location.search;
console.log(search); // 输出查询参数

在实际开发中，我们可能需要从url中获取查询参数。以下是一些代码示例：

// 获取指定查询参数的值，如http://www.example.com/?name=john&age=22中的name的值为john
function getQueryString(name) {
var reg = new RegExp("(^|&|\\?)" + name + "=([^&]*)(&|$)", "i"),
r = window.location.search.substr(1).match(reg);
if (r !== null) return decodeURIComponent(r[2]);
return null;
}
var name = getQueryString("name");
console.log(name); // 输出查询参数name的值
// 获取所有查询参数
function getAllQueryStrings() {
var query = window.location.search.substr(1).split("&"),
params = {};
for (var i = 0; i< query.length; i++) {
var pair = query[i].split("=");
params[pair[0]] = decodeURIComponent(pair[1]);
}
return params;
}
var queryParams = getAllQueryStrings();
console.log(queryParams); // 输出所有查询参数

除了window.location之外，还有一些工具包可以帮助我们获取url中的信息。比如，我们可以使用jQuery的$.url方法获取url相关信息。以下是相关代码示例：

// 引用jQuery插件文件
<script src="jquery.url.js"></script>
// 使用$.url插件获取查询参数
var queryParam = $.url(window.location.href).param("name");
console.log(queryParam); // 输出查询参数name的值

总结来说，获取url是Javascript中非常重要的一个功能，我们可以使用window.location属性获取url中的各种信息，也可以使用其他工具包，比如jQuery的$.url插件。在代码中，我们需要应用正则表达式等知识来处理url信息，使其更有效地发挥作用。