В процессе работы приходится сталкиваться с разного рода однотипными задачами, в данной записи собраны полезные фишки JavaScript которые помогут облегчить разработку начинающим сайтостроителям.
Переход по сылке при клике по объекту (без перезагрузки страницы) ссылка откроется в новой вкладке браузера, данный скрипт вставлется в или
:
onclick="window.open(this.href='http://#'); return false"
По клику сменить класс на другой данный скрипт вставлется в <a href=»» СКРИПТ> или <div href=»» СКРИПТ>
:
onclick="this.className = (this.className == 'СТИЛЬ (СТИЛИ) ОРИГИНАЛ' ? 'СТИЛЬ (СТИЛИ) КОТОРЫМИ НУЖНО ЗАМЕНИТЬ' : 'СТИЛЬ (СТИЛИ) ОРИГИНАЛ')"
Плавный скролл к якорю:
Найти элемент с ссылкой содержащей слово «project» и удалить следующий за ним элемент:
jQuery(document).ready(function($) {
$("a[href='project']").next("span.tg-item-date").empty();
});
Выполнить JS код только на определенной странице:
Для запуска срипта только на определенной странице, место «contacts» вписываем отностительную ссылку этой страницы.
//значения location.pathname, при которых будет запускаться ваш скрипт
var pagesWithScript = ["/contacts", "/contacts/"];
if (pagesWithScript.indexOf(location.pathname) != -1 ) {
/*Здесь вписываем наш JS код*/
}
Источник записи: https://mediadoma.com