• Формат разряда чисел
    
    <script>
    
    var summit=10000;
    summit.toLocaleString();
    console.log(summit.toLocaleString()); //  - Выдаст 10 000
    </script>
  • URL - Русский текст для гет параметров
    
    <script>encodeURI($('#fio').val());</script>
    
  • Преобразовать строку в число
    
    <script>parseInt(hdp1);</script>
    
  • Заменить в строке
    
    <script>text.replace('привет','пока');</script>
    
  • Условие при обновлении тэга
    
    <script>
    
    $('#mesfil').bind("DOMSubtreeModified",function(){
    $('.total_found').text($('#mesfil>div').length+' найдено');
    });
    </script>
  • Сообщение в консоли
    
    <script>
    
    console.log('Изменен');
    </script>
  • Округление
    
    <script>
    
    $('.chislo').val().toFixed(2); // - округление до 2 знаков после запятой
    </script>
  • Вод только цифр, точки и запятой
    
    <script>
    
    $('body').on('input', '.price', function(){
    this.value = this.value.replace(/[^0-9.,]/g, '');
    });
    </script>
  • Событие при нажатии на кнопку
    
    <script>
    
        $('body').on('keyup','.name',function(){
    console.log('Некоторое событие');
        })
    </script>
  • Блокировка ввода Input
    
    <script>
    
    $('.link').prop('disabled',false); // - снятие блокировки
    $('.link').prop('disabled',true); // - блокировка ввода в input
    </script>
  • Гет параметры
    
    <script>
    
    function getUrlVars() {
        var vars = {};
        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
            vars[key] = value;
        });
        return vars;
    }
    var page = getUrlVars()["product_parts"];
    alert(page);
    </script>
  • Событие прокрутки колеса мыши
    
    <script>
    
    $('body').on('mousewheel',function(){
    console.log('Прокрутка колесом');
    // e.originalEvent.deltaY - колличество прокрученных пикселей
    });
    </script>
  • Случайное число
    
    <script>
    
    function getRandomInt(max) {
    return Math.floor(Math.random() * max);
    }    
    </script>
  • ajax
    
    <script>
    
    $('.form_bludo').submit(function(e){
    e.preventDefault();
    $.ajax({
    url:     '../ajax.php',
    type:     "POST",
    dataType: "html",
    data: $(this).serialize(), 
    success: function(response) {
    $('.result').html(response);
    },
    error: function(response) {
    $('.result').html('<p>Ошибка!</p>');
    }
    });
    });
    </script>
  • Событие после полной загрузки страницы
    
    <script>
    
    $(window).on('load',function(){

    });
    </script>
  • Плавная прокрутка
    
    <script>
    
    $("html, body").animate({
    scrollTop: $('.cat').offset().top + "px"
    }, {
    duration: 1000
    });
    return false;
    </script>
  • Рандомное число за исключением
    
    <script>
    
    function randIntExcep(min, max, exp) {
    var n,
    exp = Array.isArray(exp) ? exp : [(isNaN(exp) ? min-1 : exp)];
    while(true){
    n = Math.floor(Math.random() * (max - min + 1)) + min;
    if(exp.indexOf(n) < 0) return n;
    }
    }
    console.log(randIntExcep(5, 10, [6,8])); // от 5-ти до 10-ти, исключить 6 и 8
    console.log(randIntExcep(5, 10, 7)); // от 5-ти до 10-ти, исключить 7
    </script>
  • Размеры браузера
    
    <script>
    
    $(window).innerWidth();
    $(window).innerHeight();
    </script>
  • Обновить тэг
    
    <script>$('.menu-right').load(document.URL +  ' .menu-right ul');</script>
    
  • checked
    
    <script>$('.link_cat .cat_n input').each(function(){
    
        $(this).click(function(){
    if ($(this).is(":checked")) {
          console.log('Да');
        } else {
           console.log('Нет');
        }

        });
    });</script>
  • Случайное число из массива
    
    <script>
    
    var xt='1,3,6,9'; // - строка чисел
    var xtt=xt.split(','); // -преобразование строки в массив
    xtt = xtt.map(function(item) {
    return parseInt(item); // - преобразование строки массива в числа
    });
    var rIx = Math.floor(Math.random()*(xtt.length - 1)); // - случайный индекс массива
    var rsx = xtt[rIx]; //  - само число из массива
    </script>
  • Регистр строки
    
    <script>
    
    var testx='РаНдОмНыЙ теКСт';
    testx.toLowerCase(); // - преобразовывает текст в нижний регистр
    testx.toUpperCase(); // - преобразовывает текст в верхний регистр
    </script>
  • Проверка существования гет параметра
    
    <script>
    
    if(typeof(getUrlVars()["order"]) != "undefined" && getUrlVars()["order"] !== null){ 
    }
    </script>
  • input[type="file"]
    
    <script>
    
    $('input[name="filefonts"]').change(function(e){
      alert(e.target.files[0].name); - //название файла
    e.target.files - // полный список выбранных файлов
    });
    </script>
  • Удаление последних символов
    
    var str = 'Пример строки';
    
    var result = str.slice(0, -2);
    console.log(result); // "Пример стро"
  • Убрать перезагрузку
    
    $('form input[type="submit"]').click(function(e){
    
    e.preventDefault();
    });
  • Начало js
    
    document.addEventListener('DOMContentLoaded', function() {
    
    // - вот здесь начинаем писать скрипт
    });
  • Получить значение тега
    
    document.getElementById('run_line').innerHTML; 
    
    document.getElementsByClassName('run_line_d');
    document.querySelectorAll('.sdfds div');
  • Клик по элементу
    
    const spans = document.querySelectorAll('.cpag span');
    
    spans.forEach((span, index) => {
      span.addEventListener('mousedown', (e) => {
        console.log('Привет, а вот и я ' + index);
      });
    });
  • Атрибуты
    
     document.getElementsByClassName('list')[0].setAttribute('style','padding:0px;');
    
  • width
    
    document.getElementsByClassName('cxvdg')[0].clientWidth;
    
  • определить index при клике на эелемент
    
    document.getElementsByClassName('ppleft')[0].addEventListener('mousedown', (e) => {
    
    const spans = document.querySelectorAll('.pcpag span');
      // Находим элемент с классом active
      const active = document.querySelector('.pcpag span.active');
      if (active) {
        // Индекс активного элемента среди spans
        const index = Array.from(spans).indexOf(active);
        console.log('Индекс активного элемента:', index);
      } else {
        console.log('Активный элемент не найден');
      }
      });
  • инициализация событии
    
    let event = new MouseEvent('mousedown', { bubbles: true, cancelable: true });
    
        document.querySelectorAll('.cpag span')[index-1].dispatchEvent(event);
  • width окна сайта
    
    window.innerWidth
    
  • Событие при изменении окна браузера
    
    window.addEventListener('resize', function() {
    
      // Ваш код здесь
    });

* поле обязательное для заполнения. Нажимая кнопку Отправить, Вы соглашаетесь с условиями Политика обработки персональных данных и Политикой конфиденциальности.

* поле обязательное для заполнения. Нажимая кнопку Отправить, Вы соглашаетесь с условиями Политика обработки персональных данных и Политикой конфиденциальности.

Нажимая «Принять», вы даете согласие на использование всех файлов, вы даете согласие на обработку файлов Cookies и других пользовательских данных, в соответствии с Политикой конфиденциальности.
Принять