如何從href調用javascript？

Question

如何從href調用javascript？

喜歡：

<a href="<script type='text/javascript'>script code</script>/">Call JavaScript</a>

Answer 1

<a onClick="yourFunction(); return false;" href="fallback.html">One Way</a>

** 編輯 **
從一連串的評論中，我將分享給定/找到的資源。

以前的SO Q和A：

• 你是否需要在onclick中指定'javascript：'？ （和IE相關的A以下）
• href vs onclick中的javascript函數

有趣的讀物：

• http://crisp.tweakblogs.net/blog/the-useless-javascript-pseudo-protocol.html
• https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/label

Answer 2

<a href="javascript:call_func();">...</a>

然后函數必須返回false，以便瀏覽器不會轉到另一個頁面。

但我建議使用jQuery（帶$(...).click(function () {})) ）

Answer 3

單擊鏈接時調用javascript代碼的正確方法是添加onclick處理程序：

<a href="#" onclick="myFunction()">LinkText</a>

雖然一個更“合適”的方法是將它全部從html中取出並在加載dom時用另一個javascript添加處理程序。

Answer 4

使用JQuery會很好;

<a href="#" id="youLink">Call JavaScript </a>



$("#yourLink").click(function(e){
//do what ever you want...
});

Answer 5

JavaScript代碼通常是從鏈接的onclick事件中調用的。 例如，您可以改為：

在HTML文檔的頭部分

<script type='text/javascript'>
function myFunction(){
//...script code
}
</script>

在HTML文檔正文中

<a href="#" id="mylink" onclick="myFunction(); return false">Call JavaScript </a>

或者，您也可以使用鏈接的ID，HTML DOM或JQuery等框架將您的函數附加到鏈接。

例如：

在HTML文檔的頭部分

<script type='text/javascript'>
document.getElementById("mylink").onclick = function myFunction(){ ...script code};
</script>

在HTML文檔正文中

<a href="#" id="mylink">Call JavaScript </a>

Answer 6

我會完全避免使用內聯javascript，正如我在評論中提到的，我也可能會使用<input type="button" /> 。 話雖如此...

<a href="http://stackoverflow.com/questions/16337937/how-to-call-javascript-from-a-href" id="mylink">Link.</a>

---

var clickHandler = function() {
     alert('Stuff happens now.');   
}


if (document.addEventListener) {
    document.getElementById('mylink').addEventListener('click', clickHandler, false);
} else {
    document.getElementById('mylink').attachEvent('click', clickHandler);
}

---

http://jsfiddle.net/pDp4T/1/

Answer 7

不知道為什么這對我有用，而沒有其他事情，但以防萬一其他人仍在尋找......

在頭部標簽之間：

<script>
     function myFunction() {
           script code
     }
</script>

然后是<a>標簽：

<a href='' onclick='myFunction()' > Call Function </a>

Answer 8

如果您只想處理函數而不是自己處理href，請在函數末尾添加return false語句：

 <a href="#" onclick="javascript: function() {... ; return false} return false">click</>

Answer 9

另一種方式是：

<a href="javascript:void(0);" onclick="alert('testing')">

Answer 10

編輯這將在單擊編輯函數名稱后創建一個帶編輯的鏈接，因為將調用編輯 。

Answer 11

 <a href="javascript:
  console.dir(Object.getOwnPropertyDescriptors(HTMLDivElement))">
       1. Direct Action Without Following href Link
  </a>

<br><br>

  <a href="javascript:my_func('http://diasmath.blogg.org')">
      2. Indirect Action (Function Call) Without Following Normal href Link
  </a>

<br><br>

 <!-- Avec « return false » l'action par défaut de l'élément
 // <a></a> (ouverture de l'URL pointée par
 // « href="http://www.centerblog.net/gha" »)
 // ne s'exécute pas.
 -->
 <a target=_new href="http://www.centerblog.net/gha"
          onclick="my_func('http://diasmath.blogg.org');
 return false">
     3. Suivi par défaut du Lien Normal href Désactivé avec
     « return false »
  </a>

<br><br>

 <!-- Avec ou sans « return true » l'action par défaut de l'élément
 // s'exécute pas.
 -->
 <a target=_new href="http://gha.centerblog.net"
          onclick="my_func('http://diasmath.blogg.org');">
     4. Suivi par défaut du Lien Normal href Conservé avec ou sans
     « return true » qui est la valeur retournée par défaut.
  </a>

<br><br>

<!-- Le diese tout seul ne suit pas le lien href. -->
  <a href="#" onclick="my_func('http://diasmath.blogg.org')">
      5. Lien Dièse en Singleton (pas de suivi href)
  </a>

  <script language="JavaScript">
   function my_func(s) {
       console.dir(Object.getOwnPropertyDescriptors(Document));
       window.open(s)
   }
  </script>

<br>
<br>

 <!-- Avec GESTION D'ÉVÉNEMENT.
 // Événement (event) = click du lien
 // Event Listener = "click"
 // my_func2 = gestionnaire d'événement
 -->
  <script language="JavaScript">
   function my_func2(event) {
      console.dir(event);
      window.open(event.originalTarget["href"])
   }
  </script>
 <a target=_blank href="http://dmedit.centerblog.net"
     id="newel" onclick="return false">
     6. By specifying another eventlistener
     (and deactivating the default).
  </a>
  <script language="JavaScript">
      let a=document.getElementById("newel");
      a.addEventListener("click",my_func2)
  </script>