关于微信中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 相关文章推荐
javascript Base类 包含基本的方法
Jul 22 Javascript
js验证是否为数字的总结
Apr 14 Javascript
JS(JQuery)操作Array的相关方法介绍
Feb 11 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
Feb 08 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
使用pm2自动化部署node项目的方法步骤
Jan 28 Javascript
layui表格数据复选框回显设置方法
Sep 13 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
原生JS封装vue Tab切换效果
Apr 28 Vue.js
vue @ ~ 相对路径 路径别名设置方式
Jun 05 Vue.js
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
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
2015/07/27 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
angularjs实现table增加tr的方法
2018/02/27 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
浅谈python字符串方法的简单使用
2016/07/18 Python
python数据类型_元组、字典常用操作方法(介绍)
2017/05/30 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Python实现的计算器功能示例
2018/04/26 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
Django分页功能的实现代码详解
2019/07/29 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
超全Python图像处理讲解(多模块实现)
2020/04/13 Python
对python中list的五种查找方法说明
2020/07/13 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
报关简历自我评价怎么写
2013/09/19 职场文书
超市开学活动方案
2014/03/01 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
党员实事承诺书
2014/03/26 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
2014年秘书工作总结
2014/11/25 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
canvas实现贪食蛇的实践
2022/02/15 Javascript
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python