Используя переменную Javascript внутри тега <href>

Вопрос:

У меня есть переменная Javascript с именем “link”, которая содержит URL-адрес: www.google.com. Мне нужно включить эту переменную в тег href в 2 местах, например:

<a href=»link»>link</a>

это должно вернуть что-то вроде этого:

Google

Я пробовал разные способы, но не смог. Можно ли так? Переменные Javascript следует использовать в обоих местах.

Примечание:
Мне нужно использовать переменную внутри тега <a> также

спасибо

Лучший ответ:

Предположим, что в вашем html

есть следующее:

<a href=»link» class=’dynamicLink’>link</a> <a href=»link» class=’dynamicLink’>link</a>

Вы можете сделать следующее

var href = «http://www.google.com»; //any other link as wish var links = document.getElementsByClassName(‘dynamicLink’); for (var i = 0; i < links.length; i++) { links[i].href = href; links[i].innerHTML = href.replace(‘http://’,»»); }

JSFiddle

Ответ №1

Вы можете использовать следующий код.

<a id=»myLink» href=»link»>link</a>

в вашем javascript try

<script> var link = «http://www.google.com/»; document.getElementById(‘myLink’).setAttribute(«href»,link); document.getElementById(‘myLink’).innerHTML = link; // Here the link is your javascript variable that contains the url. </script> Ответ №2

Извините за любую опечатку. Написание на моем телефоне. Не можете ли вы создать якорь на лету?

anchor =Document.createElement (…) anchor.href=yourvar-value anchor.innerText=your-value?

Если требуется более сложная задача поиска javascript databiding в Google

Позаботьтесь

Ответ №3

Вы можете сделать это так:

РАБОЧИЙ ДЕМО –

Часть HTML

<a href=»» class=»link»>Link will be filled by javascript</a>

Вам нужно поместить определенный класс в тег. Нам понадобится это, чтобы получить этот элемент из jQuery.

Часть Javascript (с использованием jQuery)

var link = «http://google.com»; $(document).ready(function(){ $(‘.link’).attr(‘href’, link); });

Нам нужно создать переменную, ссылку, которая будет содержать URL-адрес, который вы хотите назначить тегу. Затем по готовому документу мы получаем элемент a и обновляем его атрибут href ссылкой.

Ответ №4

Вы можете сделать это легко с помощью jquery.

Сначала дайте свой класс /id.

<a class=»mylink»>link</a>

Затем вы можете сделать что-то вроде:

<script type=’text/javascript’> $(document).ready(function () { $(«a.mylink»).attr(«href», link); }); </script>

Если вы хотите, чтобы текст также изменился, вам нужно будет добавить

$(«a.mylink»).text(link);

до $(document).ready.

Посмотрите, как работает:
http://jsfiddle.net/symXp/