js location 拉起新页面
时间: 2023-05-04 18:02:38 浏览: 128
js刷新页面location.reload()用法详解
5星 · 资源好评率100%
JS 的 location 对象是用来获取或设置当前网页的 URL 地址,并且具有拉起新页面的功能。通过设置 location.href 或者 location.replace 属性,我们可以打开一个新的网页或者向当前页面中加载一个新的内容。
使用 location.href 拉起新页面时,代码可以如下:
```javascript
window.location.href = 'http://www.example.com';
```
该代码会立即跳转到指定的 URL 地址,并打开一个新的页面。需要注意的是,使用 location.href 后,当前页面的历史记录会被新增一条记录,使得用户可以回退到这个页面,而这个新页面的历史记录则会被新建。
与之类似的是,location.replace 也可以打开一个新的页面,但它与 location.href 的区别在于,在新页面中使用回退功能时,不会返回到原来的页面,而是直接退出。
```javascript
window.location.replace('http://www.example.com');
```
需要注意的是,如果当前页面的内容还未加载完成,那么调用 location.href 或者 location.replace 可能会造成页面闪烁或者加载中断,因此最好在确保页面加载完成后再使用这两个方法。
阅读全文