前端必备基础知识:window.location 详解( 二 )


前端必备基础知识:window.location 详解

文章插图
 
【前端必备基础知识:window.location 详解】性能对比
.assign() 和直接修改href是等价的,那么它们跟.replace()的区别是什么呢?
.assign() 在跳转新地址的同时会留下当前页面的访问记录,点击浏览器返回按钮会回到原来的页面,.replace()则不会保留 。
.assign()执行流程:
1. 打开空白页2. 访问 www.kaysonli.com (当前页)3. 加载新页面  `window.location.assign('https://www.w3schools.com')`4. 点击浏览器返回按钮5. 回到 www.kaysonil.com.replace()执行流程:
1. 打开空白页2. Go to www.kaysonli.com (当前页)3. 加载新页面  `window.location.assign('https://www.w3schools.com')`4. 点击浏览器返回按钮5. 回到  空白页这个特性在用 JS 控制页面导航时非常重要,稍不注意会造成意外的的页面回退地址 。




推荐阅读