为了账号安全,请及时绑定邮箱和手机立即绑定

如何通过javascript更改按钮上的<a>标签的href

如何通过javascript更改按钮上的<a>标签的href

翻过高山走不出你 2019-08-08 15:45:50
如何通过javascript更改按钮上的<a>标签的href如何在按钮点击时通过Javascript 更改标签的href属性值<a/>?<script type="text/javascript">   function f1()   {     document.getElementById("abc").href="xyz.php";    }</script><a href="" id="abc">jhg</a><a href="" id="" onclick="f1()">jhhghj</a>
查看完整描述

3 回答

?
慕后森

TA贡献1802条经验 获得超5个赞

没有href,点击将重新加载当前页面,所以你需要这样的东西:

<a href="#" onclick="f1()">jhhghj</a>

或者像这样阻止滚动:

<a href="#" onclick="f1(); return false;">jhhghj</a>

或者return false在你的f1功能和:

<a href="#" onclick="return f1();">jhhghj</a>

....或者,不引人注目的方式:

<a href="#" id="abc">jhg</a><a href="#" id="myLink">jhhghj</a><script type="text/javascript">
  document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href="xyz.php"; 
    return false;
  };</script>


查看完整回答
反对 回复 2019-08-08
?
人到中年有点甜

TA贡献1895条经验 获得超7个赞

Nick Carver在那里做了什么,但我认为如果使用DOM setAttribute方法最好。

<script type="text/javascript">
   document.getElementById("myLink").onclick = function() {
   var link = document.getElementById("abc");
   link.setAttribute("href", "xyz.php");
   return false;
   }</script>

这是一个额外的代码行,但发现它在结构上更好。


查看完整回答
反对 回复 2019-08-08
?
胡说叔叔

TA贡献1804条经验 获得超8个赞

删除href属性:

<a id="" onclick="f1()">jhhghj</a>

如果链接样式很重要,那么:

<a href="javascript:void(f1())">jhhghj</a>


查看完整回答
反对 回复 2019-08-08
  • 3 回答
  • 0 关注
  • 952 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号