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

如何通过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>


翻过高山走不出你
浏览 954回答 3
3回答

慕后森

没有href,点击将重新加载当前页面,所以你需要这样的东西:<a&nbsp;href="#"&nbsp;onclick="f1()">jhhghj</a>或者像这样阻止滚动:<a&nbsp;href="#"&nbsp;onclick="f1();&nbsp;return&nbsp;false;">jhhghj</a>或者return false在你的f1功能和:<a&nbsp;href="#"&nbsp;onclick="return&nbsp;f1();">jhhghj</a>....或者,不引人注目的方式:<a&nbsp;href="#"&nbsp;id="abc">jhg</a><a&nbsp;href="#"&nbsp;id="myLink">jhhghj</a><script&nbsp;type="text/javascript"> &nbsp;&nbsp;document.getElementById("myLink").onclick&nbsp;=&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById("abc").href="xyz.php";&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;};</script>

人到中年有点甜

Nick Carver在那里做了什么,但我认为如果使用DOM setAttribute方法最好。<script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;document.getElementById("myLink").onclick&nbsp;=&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;var&nbsp;link&nbsp;=&nbsp;document.getElementById("abc"); &nbsp;&nbsp;&nbsp;link.setAttribute("href",&nbsp;"xyz.php"); &nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;&nbsp;}</script>这是一个额外的代码行,但发现它在结构上更好。

胡说叔叔

删除href属性:<a&nbsp;id=""&nbsp;onclick="f1()">jhhghj</a>如果链接样式很重要,那么:<a&nbsp;href="javascript:void(f1())">jhhghj</a>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript