Wie man Javascript von einem href aufruft?

Wie javascript aufrufen aus dem a href?

wie:

<a href="<script type='text/javascript'>script code</script>/">Call JavaScript</a>
Kommentar zu dem Problem
stackoverflow.com/questions/1070760/... Kommentarautor: Dmitry Volokh
Es sei denn, es gibt einen zwingenden Grund, es ist wahrscheinlich besser, verwenden Sie <input type="button" /> für diese Art der Sache. Kommentarautor:

InformationsquelleAutor der Frage user2033281 | 2013-05-02

  1. 26

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

    ** Bearbeiten **
    Aus der Flut der Kommentare, ich bin das teilen der Ressourcen gegeben/gefunden.

    Vorherigen, SO dass Q und A ' s:

    Interessant liest:

    InformationsquelleAutor der Antwort Dawson

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

    wo die Funktion dann false zurück, so dass der browser nicht wechseln zu einer anderen Seite.

    Aber ich würde empfehlen die Verwendung von jQuery (mit $(...).click(function () {})))

    InformationsquelleAutor der Antwort bwoebi

  3. 10

    Den richtigen Weg, um javascript-code aufrufen, wenn Sie auf einen link klicken würde sein, fügen Sie ein onclick handler:

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

    Obwohl eine noch "richtige" Weg wäre, um es aus der html alle zusammen und fügen Sie die handler mit javascript, wenn das dom geladen ist.

    InformationsquelleAutor der Antwort NilsH

  4. 3

    JavaScript-code wird üblicherweise als von der onclick Fall einen link. Zum Beispiel, könnten Sie stattdessen tun:

    Im Head-Bereich des HTML-Dokuments

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

    Im Körper des HTML-Dokuments 

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

    Alternativ können Sie auch fügen Sie Ihre Funktion, um den link können Sie über die links' ID, und HTML-DOM oder ein framework wie JQuery.

    Beispiel:

    Im Head-Bereich des HTML-Dokuments

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

    Im Körper des HTML-Dokuments 

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

    InformationsquelleAutor der Antwort KernelPanik

  5. 2

    Mithilfe von JQuery wäre gut;

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



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

    InformationsquelleAutor der Antwort Ahmet DAL

  6. 2

    Würde ich vermeiden, inline-javascript-Code zusammen, und wie ich bereits in meinem Kommentar, würde ich wahrscheinlich auch verwenden <input type="button" />. That being said...

    <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/

    InformationsquelleAutor der Antwort

  7. 2

    Nicht sicher, warum dies funktioniert für mich, während ich nichts anderes Tat, aber nur im Fall, jemand ist noch auf der Suche...

    Zwischen head-tags:

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

    Dann für die < a > - tag:

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

    InformationsquelleAutor der Antwort Sean Ciminello

  8. 1

    Wenn Sie möchten, dass nur die zur Bearbeitung einer Funktion und nicht das href-es selbst, fügen Sie die return-false-Anweisung am Ende der Funktion:

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

    InformationsquelleAutor der Antwort Yannick G

  9. 1

    andere Möglichkeit ist : 

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

    InformationsquelleAutor der Antwort vanessen

  10. 0

    Bearbeiten
    Das erstellt einen link mit Bearbeiten nach einem Klick auf Bearbeiten eine Funktion Namen wie Bearbeiten aufgerufen werden.

    InformationsquelleAutor der Antwort Rishi

  11. 0
     <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>

    InformationsquelleAutor der Antwort Jean-Dadet Diasoluka

Schreibe einen Kommentar