How to call javascript from a href

Question

How to call javascript from a href   like    lt a href   lt script type  text javascript  gt script code lt  script gt    gt Call JavaScript lt  a gt

User · Answer

JavaScript code is usually called from the onclick event of a link. For example, you could instead do:

In Head Section of HTML Document

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

In Body of HTML Document

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

Alternatively, you can also attach your function to the link using the links' ID, and HTML DOM or a framework like JQuery.

For example:

In Head Section of HTML Document

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

In Body of HTML Document

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

User · Answer

The proper way to invoke javascript code when clicking a link would be to add an onclick handler    lt a href     onclick  myFunction    gt LinkText lt  a gt    Although an even  more proper  way would be to get it out of the html all together and add the handler with another javascript when the dom is loaded

User · Answer

lt a href  javascript call func     gt     lt  a gt    where the function then has to return false so that the browser doesn t go to another page   But I d recommend to use jQuery  with        click function

User · Answer

lt a href  javascript    console dir Object getOwnPropertyDescriptors HTMLDivElement    gt         1  Direct Action Without Following href Link    lt  a gt    lt br gt  lt br gt      lt a href  javascript my func  http   diasmath blogg org    gt        2  Indirect Action  Function Call  Without Following Normal href Link    lt  a gt    lt br gt  lt br gt     lt  -- Avec    return false    l action par d  faut de l   l  ment      lt a gt  lt  a gt   ouverture de l URL point  e par        href  http   www centerblog net gha          ne s ex  cute pas   -- gt    lt a target  new href  http   www centerblog net gha            onclick  my func  http   diasmath blogg org     return false  gt       3  Suivi par d  faut du Lien Normal href D  sactiv   avec         return false       lt  a gt    lt br gt  lt br gt     lt  -- Avec ou sans    return true    l action par d  faut de l   l  ment     s ex  cute pas   -- gt    lt a target  new href  http   gha centerblog net            onclick  my func  http   diasmath blogg org     gt       4  Suivi par d  faut du Lien Normal href Conserv   avec ou sans         return true    qui est la valeur retourn  e par d  faut     lt  a gt    lt br gt  lt br gt    lt  -- Le diese tout seul ne suit pas le lien href  -- gt     lt a href     onclick  my func  http   diasmath blogg org    gt        5  Lien Di  se en Singleton  pas de suivi href     lt  a gt      lt script language  JavaScript  gt     function my func s           console dir Object getOwnPropertyDescriptors Document           window open s          lt  script gt    lt br gt   lt br gt     lt  -- Avec GESTION D   V  NEMENT        v  nement  event    click du lien     Event Listener    click      my func2   gestionnaire d   v  nement  -- gt     lt script language  JavaScript  gt     function my func2 event          console dir event         window open event originalTarget  href            lt  script gt    lt a target  blank href  http   dmedit centerblog net       id  newel  onclick  return false  gt       6  By specifying another eventlistener       and deactivating the default      lt  a gt     lt script language  JavaScript  gt        let a document getElementById  newel          a addEventListener  click  my func2     lt  script gt

User · Answer

Using JQuery would be good    lt a href     id  youLink  gt Call JavaScript  lt  a gt         yourLink   click function e     do what ever you want

User · Answer

If you only want to process a function and not process the href it self  add the return false statement at the end of your function     lt a href     onclick  javascript  function          return false  return false  gt click lt   gt

User · Answer

Edit This will create a link with Edit after clicking on editing a function name as edit will be called

User · Answer

Not sure why this worked for me while nothing else did but just in case anyone else is still looking     In between head tags    lt script gt       function myFunction                script code         lt  script gt    Then for the  lt  a   tag    lt a href    onclick  myFunction     gt  Call Function  lt  a gt

User · Answer

another way is      lt a href  javascript void 0    onclick  alert  testing    gt

User · Answer

I would avoid inline javascript altogether  and as I mentioned in my comment  I d also probably use  lt input type  button    gt  for this  That being said      lt a href  http   stackoverflow com questions 16337937 how-to-call-javascript-from-a-href  id  mylink  gt Link  lt  a gt      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

User · Answer

lt a onClick  yourFunction    return false   href  fallback html  gt One Way lt  a gt      Edit   From the flurry of comments  I m sharing the resources given found   Previous SO Q and A s    Do you ever need to specify   39 javascript   39  in an onclick   and the IE related A s following  javascript function in href vs onclick   Interesting reads    http   crisp tweakblogs net blog the-useless-javascript-pseudo-protocol html https   developer mozilla org en-US docs JavaScript Reference Statements label

[javascript] How to call javascript from a href?

Examples related to javascript

Examples related to html