微信浏览器 window.location.href

简介: 微信浏览器 window.location.href

以下代码在chrome环境下能正常运行,而在微信内置浏览器中却无法跳转

window.location.href = '/';


1、方案一:

将需要跳转的地方改用a标签

<a href="/">点击跳转</a>


2、方案二:

2.1、iOS 触发隐藏a标签点击

<a id="alink" href="http://www.baidu.com" style="display: none;"><span id="spanId">下一步</span></a>
<div id="submit">点击点击</div>
<script src="js/jquery.min.js"></script>
<script>
    $('#submit').click(function(){
        $('#spanId').click();//触发页面跳转
    })
</script>

2.2、安卓 增加时间或随机数

window.location.href=url+'?timestamp='+((new Date()).getTime()+Math.random());

参考

微信内置的浏览器window.location.href 跳转不兼容问题

相关文章
|
9月前
|
Web App开发 移动开发 HTML5
html5:notification(浏览器通知)
html5:notification(浏览器通知)
167 0
html5:notification(浏览器通知)
|
前端开发
前端 window 和 window.location
前端 window 和 window.location
前端 window 和 window.location
|
移动开发 Android开发
解决移动端页面window.location.replace不生效的问题
解决移动端页面window.location.replace不生效的问题
1478 0
|
Web App开发 Android开发 iOS开发
微信浏览器 window.location.href
微信浏览器 window.location.href
283 0
|
存储 Web App开发 域名解析
面试题之从敲入 URL 到浏览器渲染完成
面试题之从敲入 URL 到浏览器渲染完成
128 0
面试题之从敲入 URL 到浏览器渲染完成
|
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.
973 0
|
移动开发 iOS开发
IOS移动端(H5)alert/confirm提示信息去除网址(URL)
IOS移动端(H5)alert/confirm提示信息去除网址(URL)
179 0