Passing Javascript variable to a href

Question

lt script language  javascript  type  text javascript  gt  var scrt var   10    lt  script gt    HTML Part    lt html gt   this is a  lt a href   2 html  amp  Key  scrt var  gt Link   lt  a gt   lt  html gt    I just want to sent the javascript variable to link  url parameter    No AJAX

User · Answer

lt html gt    lt script language  javascript  type  text javascript  gt  var scrt var   10   openPage   function     location href    2 html Key   scrt var     lt  script gt    this is a  lt a href   javascript openPage    gt Link   lt  a gt   lt  html gt

User · Answer

If you use internationalization  i18n   and after switch to another language  something like  locale fror  fr might be added at the end of the url  But when you go to another page on click event  translation switch wont be stable    For this kind of cases a DOM click event handler function must be produced to handle all the a href attributes by storing the switch state as a variable and add it to all a tags    tail

User · Answer

lt script gt     var scrt var   10     document getElementById  link   setAttribute  href  scrt var    lt  script gt   lt a id  link  gt this is a link lt  a gt

User · Answer

Alternatively you could just use a document write    lt script type  text javascript  gt  var loc    http      document write   lt a href      loc      gt Link text lt  a gt      lt  script gt

User · Answer

You can also use an express framework  app get    id  function req res      var id   req params id    res render  home ejs   identity   id          Express file  which receives a JS variable identity from node js   lt a href     any route  lt   identity  gt  includes identity JS variable into your href without a trouble enter

User · Answer

put id attribute on anchor element   lt a id  link2  gt    set href attribute on page load event    function         var scrt var   10      var strLink    2 html amp Key     scrt var      document getElementById  link2   setAttribute  href  strLink

User · Answer

JAVASCRIPT CODE    lt script gt       function getUrlVars         var vars       hash      var hashes   window location href slice window location href indexOf        1  split   amp         for var i   0  i  lt  hashes length  i                  hash   hashes i  split               vars push hash 0            vars hash 0     hash 1             return vars     var user   getUrlVars    user    var pass   getUrlVars    pass    var sub    getUrlVars    sub     lt  script gt    lt script gt      var myApp   angular module  myApp        myApp controller  dropdownCtrl      scope    window    http   function  scope   window   http       http get  http   dummy com app chapter php user   user   amp pass   pass         then function  response    scope names   response data admin          scope names                 http get  http   dummy com app chapter php user   user   amp pass   pass   amp sub   sub                then function  response    scope chapter   response data chp                 scope chapter                       lt  script gt    HTML    lt div ng-controller  dropdownCtrl  gt   lt div ng-repeat  a in chapter  gt   lt a href  topic html ch   a chapter    onClick  location href this href   amp user   user   amp pass   pass   amp sub   sub return false   gt   a chapter   lt  a gt   lt  div gt

User · Answer

If you want it to be dynamic  so that the value of the variable at the time of the click is used  do the following    lt script language  javascript  type  text javascript  gt  var scrt var   10    lt  script gt   lt a href  2 html  onclick  location href this href   key   scrt var return false   gt Link lt  a gt    Of course  that s the quick and dirty solution  You should really have a script that after DOM load adds an onclick handler to all relevant  lt a gt  elements

[javascript] Passing Javascript variable to <a href >

Examples related to javascript