Как исходя из URL выполнить скрипт?

26 ноября 2019, 23:50

Вопрос, на странице есть переключатель табов Можно ли составить ссылку таким образом что бы исходя из ссылки при переходе нужный таб был открыт Пример

site.ru/page#one
site.ru/page#two
site.ru/page#thr

Т.е в зависимости от #one, #two, #thr открывался нужный таб Вопрос, как в JS получить вот это значения...

Answer 1

Document.location

Доступное только для чтения свойство document.location возвращает объект Location, который содержит информацию о URL страницы и предоставляет методы для изменения этого URL и загрузки другого URL.

Используя его Вы можете достичь желаемого, вот пример:

<div id="one">
<div id="two">
<div id="three">
<script>
    let params = document.location.href.split('#');
    if (params.length > 1) {
        let pageId = document.location.href.split('#')[1];
        document.querySelector('#' + pageId).classList.add('active');
    }
</script>

Если в строке браузера будет site.ru/page#one то <div id="one"> получит класс active