前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在浏览器窗口中加载新的url

在浏览器窗口中加载新的url

作者头像
编程随笔
发布2019-09-11 15:44:54
5210
发布2019-09-11 15:44:54
举报
文章被收录于专栏:后端开发随笔后端开发随笔

通常,在前端页面中如果需要跳转到指定页面,可以通过<a>标签进行跳转。 而在某些情况下,比如ajax调用之后想直接跳转到指定页面,想跳转页面不能再用<a>标签实现。 此时,可以通过浏览器Location对象实现。

Location对象包含有关当前URL的信息。 Location对象是 Window 对象的一个部分,可通过window.location属性来访问。 通过Location对象改变当前浏览器窗口的url,有3种方式:

代码语言:javascript
复制
1. 直接设置Location对象的href属性为指定URL:window.kk = url;
2. 调用Location对象assign(url)方法加载新的文档:window.location.assign(url);
3. 调用Location对象replace(url)方法用新的文档替换当前文档:window.location.replace(url);

3种方式都可以达到相同的目的,但是对于浏览器来说,他们是存在区别的: (1)设置href属性和assign()方法都是加载一个新的文档,并且会在History对象中生成一个新的记录。 (2)replace()方法是用一个新文档取代当前文档:replace()方法不会在History对象中生成一个新的记录。当使用该方法时,新的URL将覆盖History对象中的当前记录。

具体来说,如果需要在浏览器中点击前进/后退按钮查看访问历史时,不能使用replace()方法,只能调用assign()方法或者设置href属性实现。 详见:http://www.w3school.com.cn/jsref/met_loc_replace.asp

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-05-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档