h5 app获取当前页面url

在H5应用中，获取当前页面的URL是一项非常基础的操作，也是很多功能的基础。获取当前页面URL的方法有很多种，下面我们将对其中几种常用的方法进行详细介绍。

一、window.location.href

window.location对象是一个表示当前URL的对象，包含了当前页面的URL信息。其中，window.location.href属性表示当前页面的完整URL，包括协议、主机名、端口号、路径、查询参数和哈希值等信息。因此，我们可以通过访问window.location.href属性来获取当前页面的URL。

代码示例：

```

var currentURL = window.location.href;

console.log(currentURL);

```

二、document.URL

document对象是代表当前页面的文档对象，其中document.URL属性表示当前页面的完整URL，和window.location.href属性相同，包括协议、主机名、端口号、路径、查询参数和哈希值等信息。因此，我们也可以通过访问document.URL属性来获取当前页面的URL。

代码示例：

```

var currentURL = document.URL;

console.log(currentURL);

```

三、location.pathname

location对象是window对象的一个属性，表示当前页面的URL信息。其中location.pathname属性表示当前页面的路径部分，不包括协议、主机名、端口号、查询参数和哈希值等信息。因此，我们可以通过访问location.pathname属性来获取当前页面的路径。

代码示例：

```

var currentPath = location.pathname;

console.log(currentPath);

```

四、location.hash

location对象的另一个属性是location.hash，表示当前页面URL中的哈希部分，即#号后面的内容。因此，我们可以通过访问location.hash属性来获取当前页面的哈希值。

代码示例：

```

var currentHash = location.hash;

console.log(currentHash);

```

以上就是常用的几种获取当前页面URL的方法，这些方法都非常简单，只需要通过访问相应的属性即可获取。在实际开发中，我们可以根据需要选择不同的方法来获取当前页面的URL信息。