javascript中的location用法简单介绍

当浏览器加载一张网页时，它会解析代码和标记，然后将结果显示在用户的浏览器窗口中。window.location 对象提供了当前文档的有关信息，包括它的URL和一些方法可以用来向这个URL位置进行解读和导航。

URL属性

window.location 对象最有用的属性可能是 href。它是一个字符串，表示当前文档的URL的完整路径。如果你想获取当前文档的URL，可以这样调用它

console.log(window.location.href);

导航

在Javascript中，你可以使用 location 对象来导航到其他页面，这通过改变URL来实现。例如，下面的代码片段将会带你转到另一个URL。

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

以上代码为我们展示了如何通过设置location.href属性来手动跳转页面。除此之外，还有一些其他方法可以实现导航，比如 location.assign() 和 location.replace()。这两种方法都可以改变URL并跳转到一个新页面，但是它们在如何处理浏览器的历史记录方面有些不同。

// 使用 assign 方法
location.assign("http://www.baidu.com");

// 使用 replace 方法
location.replace("http://www.baidu.com");

使用 location.assign()方法会在浏览器历史记录中添加一个新的条目，因此用户可以点击浏览器的“后退”或“前进”按钮返回或转至刚才浏览过的页面。location.replace()方法则不会添加新的条目到浏览器历史记录中，因此用户不能通过点击浏览器的“后退”按钮或“前进”按钮返回或转至刚才浏览过的页面。

总结

window.location 对象是 Javascript中重要的一个对象，由于它可以控制浏览器跳转，因此我们可以通过它来实现很多应用场景，比如网页的自动跳转，甚至同域打开新的页面。我们需要注意的是，不同的方法的使用会造成不同的结果，并且还有一些需要针对性质的属性也可以用在window.location对象中。