How to use a link to call JavaScript

Question

How to use a link to call JavaScript code

User · Accepted Answer

lt a onclick  jsfunction    href     gt    or    lt a onclick  jsfunction    href  javascript void 0    gt    Edit   The above response is really not a good solution  having learned a lot about JS since I initially posted   See EndangeredMassa s answer below for the better approach to solving this problem

User · Answer

Unobtrusive Javascript has many many advantages  here are the steps it takes and why it s good to use    the link loads as normal     lt a id  DaLink  href  http   host toAnewPage html  gt click here lt  a gt    this is important becuase it will work for browsers with javascript not enabled  or if there is an error in the javascript code that doesn t work    javascript runs on page load    window onload   function            document getElementById  DaLink   onclick   function                   if funcitonToCall                           most important step in this whole process                    return false                                 if the javascript runs successfully  maybe loading the content in the current page with javascript  the return false cancels the link firing  in other words putting return false has the effect of disabling the link if the javascript ran successfully  While allowing it to run if the javascript does not  making a nice backup so your content gets displayed either way  for search engines and if your code breaks  or is viewed on an non-javascript system    best book on the subject is  Dom Scription  by Jeremy Keith

User · Answer

And  why not unobtrusive with jQuery       function             unobtrusive   click function e          e preventDefault       if desired             other methods to call                    HTML   lt a id  unobtrusive  href  http   jquery com  gt jquery lt  a gt

User · Answer

I think you can use the onclick event  something like this    lt a onclick  jsFunction     gt

User · Answer

Unobtrusive JavaScript  no library dependency    lt html gt   lt head gt       lt script type  text javascript  gt              Wait for the page to load first         window onload   function                  Get a reference to the link on the page              with an id of  mylink            var a   document getElementById  mylink                 Set code to run when the link is clicked              by assigning a function to  onclick            a onclick   function                     Your code here                   If you don t want the link to actually                 redirect the browser to another page                  google com  in our example here  then                return false at the end of this block                 Note that this also prevents event bubbling                 which is probably what we want here  but won t                 always be the case              return false                             lt  script gt   lt  head gt   lt body gt       lt a id  mylink  href  http   www google com  gt linky lt  a gt           lt  body gt   lt  html gt

User · Answer

based on  mister lucky answer use with jquery       unobtrusive   on  click  function  e        e preventDefault      optional       some code       Html Code    lt a id  unobtrusive  href  http   jquery com  gt jquery lt  a gt

User · Answer

lt a href  javascript alert  Hello      gt Clicky lt  a gt    EDIT  years later  NO  Don t ever do this  I was young and stupid   Edit  again  A couple people have asked why you shouldn t do this  There s a couple reasons    Presentation  HTML should focus on presentation  Putting JS in an HREF means that your HTML is now  kinda  dealing with business logic  Security  Javascript in your HTML like that violates Content Security Policy  CSP   Content Security Policy  CSP  is an added layer of security that helps to detect and mitigate certain types of attacks  including Cross-Site Scripting  XSS  and data injection attacks  These attacks are used for everything from data theft to site defacement or distribution of malware  Read more here  Accessibility  Anchor tags are for linking to other documents pages resources  If your link doesn t go anywhere  it should be a button  This makes it a lot easier for screen readers  braille terminals  etc  to determine what s going on  and give visually impaired users useful information

User · Answer

just use javascript ---- exemplale  javascript var JFL 81371678974472   new JotformFeedback   formId   81371678974472   base   https   form jotform me    windowTitle   Photobook Series   background    e44c2a   fontColor    FFFFFF   type   false   height  700  width  500  openOnLoad  true

User · Answer

Or  if you re using PrototypeJS   lt script type  text javascript gt    Event observe     thelink     click   function event            do stuff        Event stop event        lt  script gt    lt a href     id  thelink  gt This is the link lt  a gt

[javascript] How to use a link to call JavaScript?

Examples related to javascript