本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

a标签内onclick跳转失效:为什么点击链接没有反应?

网络教程 app 1℃

a标签内onclick跳转失效为什么点击链接没有反应

a标签内onclick跳转失效

在a标签中使用onclick事件处理程序跳转页面时,遇到无法正常跳转的情况。代码如下:

`

<br><html><br><head><br><script type="text/jscript"><br>function rechargetp(){</p><pre class="brush:php;toolbar:false">$("#rechargeah").attr(‘href’,"www.baidu./");

}

无标题文档

aidu./” id=”rechargeah” onclick=”rechargetp();” target=”_blank”>点我跳转

`

调试后发现,页面可以正常渲染,但点击“点我跳转”链接后没有任何反应。

原因分析

onclick事件处理程序优先级高于href属性,当onclick事件执行时,会覆盖href指定的url。如果onclick事件中没有手动修改href值,则跳转将不会发生。

解决方案

为了解决这个问题,可以在onclick事件处理程序中手动修改href值,确保与target url一致。修改后的代码如下:

`

<br><html><br><head><br><script type="text/jscript"><br>function rechargetp(){</p><pre class="brush:php;toolbar:false">$("#rechargeAh").attr(‘href’,"www.baidu./");window.location.href = "www.baidu./";

}

无标题文档

点我跳转

`

以上就是a标签内onclick跳转失效:为什么点击链接没有反应?的详细内容,更多请关注范的资源库其它相关文章!

转载请注明:范的资源库 » a标签内onclick跳转失效:为什么点击链接没有反应?

喜欢 (0)