在前端开发过程中，我们经常需要在网页跳转时打开一个新的标签页。JavaScript提供了window.open()方法来实现这个功能，但是有时候我们需要在当前标签页打开一个新的URL，这时可以使用window.location对象。
window.location属性
window.location对象用于获取或设置当前页面地址信息，它包含以下属性：
href：获取或设置完整的URL地址protocol：获取或设置协议部分（包括"http:"或"https:"等）host：获取或设置主机名和端口号部分hostname：获取或设置主机名部分port：获取或设置端口号部分pathname：获取或设置路径部分search：获取或设置查询字符串部分hash：获取或设置哈希值部分
在当前标签页打开新的URL
如果要在当前标签页打开一个新的URL，只需要将window.location.href设置为目标URL即可：
window.location.href = 'http://www.example.com';
这样就会在当前标签页加载新的URL。
在新的标签页打开URL
如果要在新的标签页打开一个URL，可以通过设置target属性为'_blank'来实现：
window.open('http://www.example.com', '_blank');这个方法会返回一个新的窗口对象，可以通过它来对新窗口进行操作，比如关闭窗口：
var win = window.open('http://www.example.com', '_blank');
win.close();使用场景
在实际开发中，这个功能有很多使用场景。比如，在网站的导航栏中，点击某个链接时需要在当前标签页打开一个新的页面；或者在表单提交成功后，需要跳转到一个结果页面，但是希望用户可以保留原来的表单数据，这时就需要在新的标签页打开结果页面。
总结
通过window.location对象，我们可以方便地在当前标签页或者新的标签页打开URL。这个功能在实际开发中非常常用，掌握它可以提高开发效率和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12679