Как выполнить скрипт при переходе по ссылке на новую страницу?

Question

[Елена]

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

Пробовала так, но не работает:

var H = location.hash; 
function OpenDiv(H) { 
H.toggleClass('active'); 
}; 
if (document.getElementById (H)) { 
OpenDiv(H); 
};

<a href="javascript:void(0)" onClick="OpenDiv('web')" class="link-new">

Пробовала даже так:

function OpenDiv() {
        $('#web').toggleClass('active');
    };

<a href="instruments.html#web" onClick="javascript: OpenDiv()" class="link-new">

Все из советов в сети. Не знаю, как сделать, ибо в js не сильна.

Answer 1

[OKyJIucT]

В URL добавляйте параметр, и проверяйте его наличие на новой странице.

К ссылке добавляем параметр opendiv=web

<a href="http://site.ru/page.html?opendiv=web" class="link-new">

и на новой странице вставьте такой JS-код

function $_GET(key) {
	var s = window.location.search;
	s = s.match(new RegExp(key + '=([^&=]+)'));
	return s ? s[1] : false;
}

$(document).ready(function() {
    if($_GET['opendiv'] == 'web') {
        $('#web').toggleClass('active');
    }
});

который проверяет, есть ли в URL такой параметр, и если есть, то он открывает див с id="web".

Comments

[Елена]

Спасибо за ответ!
Попробовала, но в итоге он на страницу перешел, но ни класс не добавил к блоку с таким id, ни даже по якорю не перешел к нему.

[OKyJIucT]

Елена, по якорю он не должен был переходить, а не сработало скорей всего потому, что у вас jQuery не подключен. Точнее без взгляда на сайт не могу сказать.

[Елена]

OKyJIucT, подключен версии 3.2.
Ну он и класс не добавил также.
Попробовала такое простое, хоть и грубое решение:

function func1() {
    $('#web .screen-instrumets-item-desc').toggleClass('active');
};

 $(function() {
    if(window.location.hash == "#web") {
      func1();
    } 
});

[iinnocent]

OKyJIucT, можете скинуть телеграм, есть вопросы

Answer 2

[Александр Алексеев]

как вариант записывать какой то "флаг" в localstorage и чекать его при загрузке страницы