Как узнать URL- адрес ссылки в событии onclick() в JS?

Question

[tomzarubin]

Всем привет.

Как узнать URL- адрес ссылки в событии onclick() в JS?
Ну и бонусом, как этом параметр передать потом другой js-функции, находящейся в том же document.

Т.е., есть

<a href="www.someurl.com" onclick="getLink()">Press to get URL, bro</a>

И надо получить www.someurl.com и передать его как параметр другой функции.

Вопрос, может, тупой, но я правда искал, не нашёл рабочего варианта. Web для меня новое.

Спасибо.

Answer 1

[Сергей Семенко]

<a href="http://toster.ru" onclick="getLink(this)">Ссылка</a>

function getLink(element) {
    var href = element.href;
    alert(href);
    return false;
}

Comments

[tomzarubin]

Сергей, спасибо, вышло получить URL.
Как теперь можно передать это значение из текущей функции следующей функции?

Answer 2

[Андрей Чернышев]

Можно как написано выше, можно пойти чуть дальше, и используя jQuery и добавив нужным ссылкам какой либо class обрабатывать, например:

<a class="my-link" href="http://www.google.com">link 1</a>
<a class="my-link" href="http://www.google.com">link 2</a>
<a class="my-link" href="http://www.google.com">link 3</a>

js:

$(".my-link").on("click", function(event){
    // В контексте событий на DOM элементах, this - элемент, на котором сработало событие
   // Также, чтобы отменить переход по ссылке, можно сделать event.preventDefault()
    var href = $(this).attr("href")
})