在H5 App中，我们常常需要获取当前页面的URL，以便进行一些操作或带给后端服务器。下面是一个简单的示例，介绍如何获取当前页面的URL。
首先，我们需要使用JavaScript中的`window.location`对象。这个对象包含了当前页面的URL信息。我们可直接访问该对象的属性来获取URL，例如`window.location.href`或`window.location.protocol`等。
比如，以下代码展示了如何获取当前页面的完整URL：
```javascript var currentUrl = window.location.href; console.log(currentUrl); // 输出当前页面的完整URL ``` 这个方法简单易懂，适用于大多数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信息。