javascript 怎么控制a标签的跳转

Posted 2023-04-20

javascript 怎么控制a标签的跳转

我想点击一个文字 跳转到另一个页面 但是不直接加href=“xxxxx”
而是通过 js 设置href 值 然后再跳转过去

JS控制A标记的href跳转可以按照以下方法实现：
var a = document.getElementById("aHref");
a.href = \'/user\';
//取消<a>标签原先的onclick事件,使<a>标签点击后通过href跳转(因为无法用js跳转)
a.setAttribute("onclick",\'\');
//激发标签点击事件OVER
a.click("return false"); 参考技术A <a href="javascript:void(0)" onclick="location.href='sys!logOut.action'">退出系统</a> 参考技术B <a onclick="test(this);">test</a>
<script>
function test(obj)
obj.href = 'xxxxxxx';

</script>
或者<a onclick="test();">test</a>
<script>
function test()
window.location.href = 'xxxxxxx';

</script>本回答被提问者采纳

mui中a标签的跳转问题

一、脑补

      快速响应是mobile App实现的重中之重，研究表明，当延迟超过100毫秒，用户就能感受到界面的卡顿，然而手机浏览器的click点击存在300毫秒延迟（至于为何会延迟，及300毫秒的来龙去脉，请自行谷百），mui为了解决这个问题，封装了tap事件，因此在任何点击的时候，请忘记click及onclick操作！！！

二、解决办法

　　1. 给需要跳转的 a 标签添加一个类名  a

　　　　document.querySelectorAll(".a").forEach(function (val,key) {

　　　　　val.addEventListener(‘tap‘, function(){

　　　　　　window.top.location.href=this.href;
　　　　   })
　　　 })

　　2. 网上很多人提出的（但是在我这里不起作用）

　　　　mui(‘body‘).on(‘tap‘,‘a‘,function(){
　　　　　　window.top.location.href=this.href;
　　　　});