JavaScript实现简单获取当前网页网址的方法

获取当前网页网址是JavaScript中的一个基础操作，可以通过location对象的属性来实现。下面是获取当前网页网址的几个常用方法：

获取当前网页网址是JavaScript中的一个基础操作，可以通过location对象的属性来实现。下面是获取当前网页网址的几个常用方法：

1. location.href

利用location对象的href属性可以获取当前网页的完整URL地址，包括协议、主机名、端口号、路径和查询字符串等信息。

var currentUrl = location.href;
console.log(currentUrl);

上面代码中，我们使用location.href获取当前网页的URL，并通过console.log()将其输出到浏览器控制台中。

2. location.protocol + "//" + location.host + location.pathname

以上一种方法会获取的URL地址过于冗长，有时我们只需要获取当前网页的域名和路径，可以使用location对象的protocol、host和pathname属性来获取。

var baseUrl = location.protocol + '//' + location.host + location.pathname;
console.log(baseUrl);

在这个示例中，我们使用location.protocol获取当前网页协议，例如http或https。然后，我们在协议后面加上“//”和location.host属性，即当前网页的主机名（包括端口号），最后再加上location.pathname属性，即当前网页的路径。

这种方法可以减少获取网页URL的字符数，使代码更简洁。

除了以上两种方法，还有其他方法可以获取当前网页网址，例如location.origin、window.location等。不过以上两种方法是最常用、最简单的获取当前网页网址的方法。

希望这篇攻略对你有所帮助！