在Web开发中，获取当前页面的URL是非常常见的需求。为了达到这个目的，有许多不同的方法，其中一种是使用JavaScript的location.href属性。本文将详细介绍如何使用location.href属性获取当前页面的URL，以及它的一些其他特性。

什么是location.href属性？

location.href是一个JavaScript对象，其中包含了当前页面的URL。它可以被用来引导用户到其他网站或同一网站的不同页面。通过将location.href设置为一个新URL，你可以动态地改变当前页面的URL，从而达到改变页面或者让它重定向到其他页面的目的。

location.href属性有什么用处？

- 获取当前页面的URL

- 重定向一个页面到另一个URL

- 加载新的文档（即改变页面）

- 创建新的书签

获取当前页面的URL

获取当前页面URL是使用location.href最基本的用途。可以通过下面这段代码获取当前页面的URL：

```

var currentUrl = location.href;

```

以上代码可以在任何JavaScript函数中使用，它返回当前页面的URL并将其赋值给currentUrl变量。

向当前页面添加参数

location.href还可以用来在当前页面URL中添加参数。这是非常有用的，因为它可以让你在不同页面之间传递数据。例如，假设你要在当前页面中添加一个名为"username"的参数，你可以用以下代码实现：

```

location.href += "?username=JohnDoe";

```

到此，页面的URL中将包含"username=JohnDoe"这个参数。这个参数可以在下一个页面中通过JavaScript的location.search属性来访问。

将页面重定向到另一个URL

使用location.href还可以将一个页面重定向到另一个URL。例如，下面的代码可以将当前页面重定向到Google网站：

```

location.href = "http://www.google.com";

```

使用以上代码会将用户带到Google主页，无论用户在当前页面做了什么，页面都会被重定向到Google主页。

载入新的文档

使用location.href还可以载入新的文档。例如，下面的代码可以载入一个名为"newPage.html"的文档：

```

location.href = "newPage.html";

```

使用以上代码会将用户带到一个名为"newPage.html"的文档。换句话说，这个代码会动态地改变当前页面的URL，然后载入新的文档。

为页面创建新的书签

location.href还可以用来创建新的书签。例如，下面的代码可以为当前页面创建一个名为"My Page"的书签：

```

var title = "My Page";

var url = location.href;

if (window.sidebar && window.sidebar.addPanel) {

window.sidebar.addPanel(title, url, "");

} else if (window.external && window.external.AddFavorite) {

window.external.AddFavorite(url, title);

} else {

alert("Sorry, unable to create bookmark in your browser.");

}

```

以上代码会在大多数现代浏览器和旧版IE中创建一个名为"My Page"的书签。当用户点击这个书签时，它将带他们到当前页面的URL。

总结

JavaScript中的location.href属性是一个非常有用的对象，它可以帮助你获取当前页面URL、重定向页面、载入新文档，并创建新的书签。通过使用location.href，你可以有效地控制用户在你的网站中的浏览行为。当然，作为Web开发人员，location.href只是你控制URL的一个工具之一。在实际开发中，你还可能使用其他工具来实现不同的目的，例如使用JavaScript的location.pathname属性来获取当前页面路径，或者使用HTML的标签来设置页面的基本URL。无论使用哪个工具，目的都是相同的：帮助你对网站的URL进行有效的控制。