在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进行有效的控制。