AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

解决移动端页面window.location.replace不生效的问题

2022-11-14 1833
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 解决移动端页面window.location.replace不生效的问题

背景

window.location.replace在pc端浏览器中可以正常使用，但是在移动端的h5页面包括app的webview嵌套h5页面之后，window.location.replace不生效，并不能直接替换当前历史记录

解决办法

为了解决移动端h5不兼容window.location.replace的问题，我们可以通过window.history.replaceState来代替window.location.replace

具体解决方案如下：

functionlocationReplace(url){
if(history.replaceState){
history.replaceState(null, document.title, url);
history.go(0);
  }else{
location.replace(url);
  }
}

特别需要注意的是，window.history.replaceState，其替换的url，必须和当前页面url是同源的，否则不生效

文章标签：
Android开发
移动开发
Boale_H
目录
相关文章
朝阳39
|
4月前
|
Web App开发 前端开发
canvas保存图片时，谷歌浏览器Chrome报错【解决方案】Not allowed to navigate top frame to data URL
canvas保存图片时，谷歌浏览器Chrome报错【解决方案】Not allowed to navigate top frame to data URL
朝阳39
136 0
朝阳39
|
4月前
|
UED
返回按钮——没有上一页的URL时，跳转到首页（document.referrer的妙用）
返回按钮——没有上一页的URL时，跳转到首页（document.referrer的妙用）
朝阳39
47 0
weixin_836869520
|
5月前
|
JavaScript 前端开发 UED
window.location.href的用法总结
window.location.href的用法总结
weixin_836869520
148 0
即兴小索奇
|
6月前
|
JavaScript 前端开发
location.href和 window.location的区别有这些！
location.href和 window.location的区别有这些！
即兴小索奇
1985 1
祈澈菇凉
window.location对象使用
window.location对象使用
祈澈菇凉
65 0
Lucky小黄人^_^
|
前端开发
前端 window 和 window.location
前端 window 和 window.location
Lucky小黄人^_^
124 0
前端 window 和 window.location
一碗周
|
前端开发
location.href与window.open()的用法与区别，你都知道吗？
通常在Web开发中，打开一个页面有两种方式，一种是使用location的href属性来打开一个页面；还有一种就是使用window对象下的open()方法。
一碗周
695 0
location.href与window.open()的用法与区别，你都知道吗？
糖^O^
|
JavaScript
BOM——Location,History,弹出框,Timing
Window History Back history.back() 方法加载历史列表中前一个 URL。等同于在浏览器中点击后退按钮。 Window History Forward history forward() 方法加载历史列表中下一个 URL。等同于在浏览器中点击前进按钮。
糖^O^
87 0
无信不立
|
JavaScript Java
window.location.href跳转问题2
"window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明： 如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.
无信不立
1017 0
码农技术君
|
Web App开发 Android开发 iOS开发
微信浏览器 window.location.href
微信浏览器 window.location.href
码农技术君
354 0