Javascript - изменение HREF для ссылки

Question

У меня есть сайт, который включает в себя Jquery-вкладку, так что у меня есть хэштег в моих URL, чтобы отображаться требуемая вкладка:

www.abc.de/site#tab4 

На этом сайте у меня есть ссылка, которая выглядит так:

<a href="/site.html?option=1" name="optionslink" id="optionslink" onclick="javascript:test()">LINKTEXT</a> 

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

Моя функция выглядит следующим образом:

function test() { 
var info=window.location.hash; 
alert(info); 
document.getElementById("optionslink").href+info; 
return true; 
} 

До сих пор функция нажата. Я получаю всплывающее окно с предупреждением, которое показывает правильный хэштег и его строку. Но сайт перезагружается без добавления hashtag + string. Это выглядит следующим образом:

www.abc.de/site.html?option=1 

Он должен выглядеть следующим образом:

www.abc.de/site.html?option=1#tab4 

Как я могу получить эту работу?

Answer 1

Просто измените местоположение:

function test() { 
    var info=window.location.hash; 
    window.location = document.getElementById("optionslink").href + info; 
    return false; 
} 

<a href="/site.html?option=1" name="optionslink" id="optionslink" onclick="return test();">LINKTEXT</a> 

---

Другое дело, когда вы проходите текущий якорь к функции, и сохранить накладные расходы DOM запроса:

function test(anchor) { 
    var info=window.location.hash; 
    window.location = anchor.href + info; 
    return false; 
} 

<a href="/site.html?option=1" name="optionslink" 
    id="optionslink" onclick="return test(this);">LINKTEXT</a> 

---

Примечание что не использование inline scripts - это лучшая практика с событиями javascript.

Вы должны прочитать о addEventListener, вы можете прочитать об этом в MDN

Answer 2

Вы не меняете атрибут href. Попробуйте

document.getElementById("optionslink").href += info; 

Ваш код document.getElementById("optionslink").href+info; просто не имеет никакого эффекта, так как есть только concatination, но не назначение в HREF атрибута.