js获取当前url(JavaScript获取当前网页URL – 实现获取当前网页URL的JS方法)

什么是URL

URL（Uniform Resource Locator）是统一资源定位符的缩写，它是Web上标识资源的地址。通过URL，我们可以获取到Web上的各个页面、图像、视频等等资源，并且访问它们。

JavaScript获取当前网页URL

在JavaScript中，我们可以使用location对象获取当前页面的URL。代码如下：

var currentUrl = window.location.href;

console.log(currentUrl);

上述代码中，window.location.href返回的是当前页面的URL。我们可以将其保存在变量中，以便后续使用。

使用location对象获取URL的各个部分

除了获取完整的URL之外，我们还可以使用location对象获取URL的各个部分，例如协议、主机名、路径等等。代码如下：

// 获取协议

var protocol = window.location.protocol;

console.log(protocol);

// 获取主机名

var hostname = window.location.hostname;

console.log(hostname);

// 获取路径

var path = window.location.pathname;

console.log(path);

// 获取查询参数

var search = window.location.search;

console.log(search);

// 获取哈希值

var hash = window.location.hash;

console.log(hash);

上述代码中，我们通过location对象的不同属性，获取到了URL的各个部分。这些属性包括：protocol、hostname、pathname、search、hash。

实现获取当前URL的函数

为了方便地获取URL的不同部分，我们可以实现一个获取当前URL的函数。代码如下：

function getCurrentUrl() {

var protocol = window.location.protocol;

var hostname = window.location.hostname;

var path = window.location.pathname;

var search = window.location.search;

var hash = window.location.hash;

var url = protocol + '//' + hostname + path + search + hash;

return url;

}

var currentUrl = getCurrentUrl();

console.log(currentUrl);

上述代码中，我们定义了一个名为getCurrentUrl的函数，该函数通过location对象获取到URL的各个部分，并将其拼接成完整的URL。然后，我们可以调用该函数获取当前页面的URL。

总结

JavaScript提供了方便的方式来获取当前页面的URL，我们可以使用location对象来获取URL的各个部分，也可以实现一个函数来获取完整的URL。这些功能可以让我们更方便地处理Web应用程序中的URL，从而提高浏览器应用程序的交互体验。