Передача переменной Javascript в <a href>

<script language="javascript" type="text/javascript">
var scrt_var = 10; 
</script>

HTML часть:

<html>
 this is a <a href ="2.html & Key= scrt_var">Link  </a>
</html>

Я просто хочу отправить переменную javascript по ссылке (параметр url)

Нет AJAX

Ответ 1

Если вы хотите, чтобы он был динамическим, чтобы использовалось значение переменной во время щелчка, выполните следующие действия:

<script language="javascript" type="text/javascript">
var scrt_var = 10; 
</script>
<a href="2.html" onclick="location.href=this.href+'?key='+scrt_var;return false;">Link</a>

Конечно, это быстрое и грязное решение. У вас действительно должен быть скрипт, который после загрузки DOM добавляет обработчик onclick ко всем соответствующим элементам <a>.

Ответ 2

поставить атрибут id на элемент привязки

<a id="link2">

установить атрибут href для события загрузки страницы:

(function() {
    var scrt_var = 10;
    var strLink = "2.html&Key=" + scrt_var;
    document.getElementById("link2").setAttribute("href",strLink);
})();

Ответ 3

<script>
   var scrt_var = 10;
   document.getElementById("link").setAttribute("href",scrt_var);
</script>
<a id="link">this is a link</a>

Ответ 4

В качестве альтернативы вы можете просто использовать document.write:

...HTML
<script type="text\javascript">
var loc = "http://";
document.write('<a href="' + loc + '">Link text</a>');
</script>
...the rest

Ответ 5

<html>

<script language="javascript" type="text/javascript">
var scrt_var = 10; 
openPage = function() {
location.href = "2.html?Key="+scrt_var;
}
</script>

 this is a <a href ="javascript:openPage()">Link  </a>
</html>

Ответ 6

Если вы используете интернационализацию (i18n) и после переключения на другой язык, что-то вроде ?locale=fr или ?fr может быть добавлено в конце URL. Но когда вы переходите на другую страницу по событию клика, переключение перевода не будет стабильным.

Для таких случаев необходимо создать функцию обработчика события щелчка DOM, которая будет обрабатывать все атрибуты a.href, сохраняя состояние переключателя как переменную и добавляя его ко всем хвостам тегов a.