Как сгенерировать содержимое ссылки href по возвращаемому значению функции javascript?

Question

У меня есть яваскрипт функция:

function foo() { return "https://stackoverflow.com/a/b/SomeApi"; } 

тогда у меня есть href ссылки на моей веб-странице. Я хочу, чтобы эта ссылка указывала на значение, возвращаемое моей функцией javascript, так что, когда пользователь нажимает на ссылку, это как если бы пользователь нажал ссылку с URL-адресом /a/b/SomeApi.

Я попробовал следующее:

<a href="javascript:foo()">Click</a> 

Но результат этого браузер откроет новое окно, показывая буквальное значение /a/b/SomeApi вместо отправки запроса на сервер.

Любые предложения? Благодарю.

Answer 1

Я не думаю, что HREF был когда-либо имел в виду, чтобы быть динамичным ; для этого просто используйте свойство onclick, такое как:

<a href="#" onclick="window.location.assign(foo())">Click</a> 

Answer 2

Вместо возвращения строки, установить местоположение текущей страницы с ним, как это ...

function foo() { document.location.href = "https://stackoverflow.com/a/b/SomeApi"; } 

Как указывает @ haim770 - это не дроидов ты ищешь.

Если вы хотите конкретно установить атрибут href, вы должны сделать это извне ссылки. Во-первых, вы должны дать вашей ссылке в id атрибут, например, это ...

<a id="myAnchor">Click</a> 

Этот фрагмент кода, то следует поместить либо после элемента на странице, или как часть «документа загружен» кусок кода.

document.getElementById("myAnchor").href = "https://stackoverflow.com/a/b/SomeApi"; 

Если вы используете JQuery (который не находится в списке тегов) вы могли бы сделать что-то вроде этого ...

$(function(){ 
    $("#myAnchor").attr("href", "https://stackoverflow.com/a/b/SomeApi") 
});