Question

晚安，这个问题是document.getElementById to include href的扩展我目前有下一个超链接，下一个超链接使用javascript来覆盖网址。我第一次单击下一个超链接时，它可以正常工作，但是当我第二次单击它时，它会转到标签中但不是javascript的网址。我怎样才能使下一个超链接转到我每次点击它时在javascript中的网址？

<script> 

//..
   function nextHyperLinks() {

          document.getElementById("nextID").href = "www.google.com";
   }
</script>

<HTML>
   //..
   <a href="www.yahoo.com" id="nextID" onclick="nextHyperLinks();">next</a>
</HTML>

如果有任何不清楚的地方，请告诉我。需要一些提示并建议，谢谢。^^

Answer 1

试试这个：

function nextHyperLinks(e) {
  e.preventDefault();
  document.getElementById("nextID").href = "www.google.com"; // you probably don't need this if you will anyway navigate away from the page.
  window.open('http://www.google.com/', '_self');
}

var el= document.getElementsById('nextID');
el.addEventListener('click', nextHyperLinks);

并删除内联onclick="nextHyperLinks();"

Answer 2

http://jsfiddle.net/45WQq/

<a href="http://www.yahoo.com" id="nextID" onclick="this.href = 'http://www.google.com'" target="_blank">next</a>

如何使用document.getElementById（“ID”）重定向URL两次.href？

2 个答案: