TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

JavaScript (JS) – Полезные фишки

4 062

В процессе работы приходится сталкиваться с разного рода однотипными задачами, в данной записи собраны полезные фишки 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

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее