Получить данные после хеш-метки в строке запроса просто. Вот пример, используемый для доступа клиента к глоссарию терминов из книги. Он принимает имя привязанного имени (#tesla) и доставляет клиента к этому термину и выделяет термин и его описание синим цветом, чтобы его было легко увидеть.
A. настройте ваши строки с идентификатором div, чтобы привязка имени шла туда, куда она должна, а javascript может изменять цвета текста
<div id="tesla">Tesla</div>
<div id="tesla1">An energy company</div>
B. Используйте Javascript для выполнения тяжелой работы на стороне сервера, вставленной на страницу PHP или где-либо еще.
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
C. Я запускаю функцию Java автоматически при загрузке страницы.
<script>
$( document ).ready(function() {
D. получить привязку (#tesla) от URL-адреса, полученного сервером
var myhash1 = $(location).attr('hash'); //myhash1 == #tesla
E. обрезать знак хеша от него
myhash1 = myhash1.substr(1) //myhash1 == tesla
F. Мне нужно выделить термин и описание, чтобы я создал новую переменную
var myhash2 = '1';
myhash2 = myhash1.concat(myhash2); //myhash2 == tesla1
G. Теперь я могу манипулировать цветом текста для термина и описания
var elem = document.getElementById(myhash1);
elem.style.color = 'blue';
elem = document.getElementById(myhash2);
elem.style.color = 'blue';
});
</script>
H. Это работает. клиент нажимает ссылку на стороне клиента (xyz.com # tesla) и переходит прямо к термину. термин и описание выделены синим цветом javascript для быстрого прочтения .. все остальные записи оставлены черным ..