JS实现获取当前URL和来源URL的方法

获取当前URL与来源URL的JavaScript实现方法

我们将如何使用JavaScript获取当前URL和来源URL。这涉及到JavaScript对页面document属性的操作技巧。对于对此感兴趣的朋友们，这是一个值得参考的教程。

让我们来看一个简单的HTML页面结构。我们有一个index.html页面，其中包含一个链接指向demo.html页面。

当我们打开demo.html页面时，我们希望能够获取当前的URL以及来源URL。为此，我们可以使用JavaScript中的两个属性：document.URL和document.referrer。

document.URL属性返回当前文档的URL，而document.referrer属性返回载入当前文档的文档的URL。换句话说，document.referrer可以给我们提供来源URL的信息。

让我们看一下如何在demo.html中使用这两个属性：

```html

当前URL：

来源URL：

```

假设我们通过 页面链接到上面的demo.html页面。那么，在demo.html页面中，获取到的当前URL会是 ，而来源URL则是 。这两个值会被自动填充到输入框中。需要注意的是，如果直接访问demo.html页面（例如通过书签或直接在浏览器中输入地址），那么document.referrer可能无法提供有效的来源URL信息。在实际应用中需要注意处理这种情况。

通过JavaScript的document.URL和document.referrer属性，我们可以轻松地获取当前URL和来源URL。对于对JavaScript有更多兴趣的朋友们，可以查看我们站点的其他专题以获取更深入的知识。希望这篇文章对大家的JavaScript程序设计有所帮助。