关于微信中a链接无法跳转问题


Posted in Javascript onAugust 02, 2016

【问题】

微信页面开发时,各个主页之间的跳转,完全是通过a链接进行的,但是来回跳转几次,再次从其他主页面跳回首页的时候,微信头部出现了跳转加载进度条,但是就是不跳转,也没有任何反应

【范围】

只出现在微信内置浏览器上

【解决方法】

只要在原本跳转的链接后面带上任意一个参数,即:

<a href="http://www.baidu.com">百度一下</a>

变成

<a href="http://www.baidu.com?love">百度一下</a>

【注】参数love可以是任意的,随个人喜好

PS:微信中a链接失效问题

例子1:

<a href="tel:400-4000-0000" >XXX</a>

这个a标签里的href调用的是手机号码。当点击这个a标签的时候则弹出是否拨打该号码的提示。在手机浏览器中使用是没有任何问题的,但在微信中,在安卓系统手机,微信5.0.1以上版本时该标签就失效了。(最新的微信版本是否解决了这个问题目前还不清楚)。这种情况下,将:

<a href="tel:400-4000-0000" >XXX</a>改为

<a link="tel:400-4000-0000" >

则可以解决部分安卓机型,(但不是全部的),有些机型依然不行。这个和微信客户端有关。目前没有找到满意的解决办法。

当a连接跳转的首页的问题

阻止a的跳转

$(document).on("click","a",function (event){
  event.preventDefault();
  if ($(event.target).attr("href")){
    location.href = $(event.target).attr("href");
  } else {
    location.href = $(event.target).parent().attr("href");
  }
}
);

隐藏微信工具条

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){
 WeixinJSBridge.call('hideToolbar');
});
Javascript 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
javascript date格式化示例
Sep 25 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
详解JS预解析原理
Jun 16 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 #Javascript
常用的js验证和数据处理总结
Aug 02 #Javascript
js实现为a标签添加事件的方法(使用闭包循环)
Aug 02 #Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 #Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 #Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 #Javascript
实现React单页应用的方法详解
Aug 02 #Javascript
You might like
如何使用PHP中的字符串函数
2006/11/24 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
JS实现的tab切换并显示相应内容模块功能示例
2019/08/03 Javascript
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
Python threading的使用方法解析
2019/08/28 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
软件工程师岗位职责
2013/11/16 职场文书
采购经理岗位职责
2014/02/16 职场文书
企业承诺书格式
2014/05/21 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
党风廉正建设责任书
2015/01/29 职场文书
国庆节新闻稿
2015/07/17 职场文书
高中语文教材(文学文化常识大全一)
2019/08/13 职场文书
MySQL优化之如何写出高质量sql语句
2021/05/17 MySQL
Mysql Online DDL的使用详解
2021/05/20 MySQL
JS高级程序设计之class继承重点详解
2022/07/07 Javascript
教你使用RustDesk 搭建一个自己的远程桌面中继服务器
2022/08/14 Servers