Разработка лидирующих и эксклюзивных WEB-приложений на чистом коде(HTML,CSS,JS,PHP). Гарантия высокого качества!

javascript

Строки
+= //Пристыковка. str=str+'str 2'; str+='str 2';

str.length; //Длинна строки. Также измеряет к-ство элементов в массиве

str.toUpperCase(); //Выводит строку в верхнем регистре
str.toLowerCase(); //Выводит строку в нижнем регистре

var myString="Очень горячее Солнце. Очень большое Солнце";
str.indexOf("Солнце"); //Выводит позицию искомого слова в строке с начало.
str.lastIndexOf("Солнце"); //Выводит позицию искомого слова в строке с конца.

str.charAt(2); //Выводит символ из строки, позиция которого заданна параметром
str.charCodeAt(2); //Узнает код второго символа из строки

str.slice(3, 5);//вырезает с какого символа и по какой. Если один параметр - выведет строку после к-ства символов в параметре
Выборка
/*Получает в виде массива. С нулевого елемента и сохраняет в переменную*/
document.getElementById('');//Получить один ел. по ID
document.getElementsByTagName('p');//Получить все теги по имени. Выбрать нужные теги в массив. Если тег один - он будет по индексу 0 в массиве.
document.getElementsByClassName('p');//Получить все классы по имени
Массивы. Работа с массивами
array.push("Новый элемент");//Добавить в конец массива новый элемент
array.unshift("Новый элемент");//Добавить в начало массива новый элемент

array.pop();//Удаляет последний элемент из массива
array.shift();//Удаляет самый первый элемент из массива

array.splice(3,4);//Удаляет элемент массива с 3 и после третего два элемента
array.splice(3,0,"Новый элемент 1","Новый элемент 2");//Добавляет перед третим элементом новые элементы. 0 - ничего не удалять.
array.splice(1,2,"Новый элемент 1","Новый элемент 2");//Удаляет с первого элемента 2 елемента и вставляет после первого элемента новые элементы

array.reverse();//Переварачивает массив с ног на голову. С конца в начало.
array.sort();//Сортирует строковый массив по алфавиту
array.join(".");//Разделяет каждый элемент массива точкой. Указывается в параметре
array.concat(array2);//Подсоединяет к массиву array массив array2 указан в параметре
array.slice(3,5);//Делает вырезку с массива с третего элемента по пьятый. Вырезает элементы

Числа
var count = "5 dfdf";
isNaN(str); //Это не число ?
parseInt(count); //Преобразовует число из строки(только целые числа). Если с начало строки будут встречаться буквы, то преобразования не будет
parseFloat(count); //Преобразовует число из строки(дробные). Если с начало строки будут встречаться буквы, то преобразования не будет
Number(true); //Переобразования значение переменной в число. true - 1, false - 0
toFixed(2); Метод, выводит в цене к-ство символов после запятой. НАпример 2.30 вызов: price.toFixed(2);
//Обьект Math
var age = 80.51;
Math.round(age); //Округляет. Если число после запятой больше, то в большую сторону округлит и наоборот
Math.ceil(age); //Округляет в большую сторону
Math.floor(age); //Округляет в меньшую сторону

Таймеры
setTimeout("timer()",1000); //вызывает функции только раз, через 1000 мил.сек. Задается в параметре.
setInterval("myFunc1()",1000); //Вызывает функции через 1000 мил.сек.Указывается в параметре.При вызове в функции он будет выполняться,через четкое время,не ожидая выполнения функции до конца
clearInterval(); //Удаляет интервал. Для этого надо сохранить интервал в переменную и дать переменную этой функции в параметр
Обьекты окон window
Alert("Текст сообщения") // вызывает окно
Confirm("Текст вопроса"); // Окно с кнопками да и отмена
Prompt("Введите данные в поле"); // окно с полем для ввода
Браузерные события
onclick //Событие клика
ondblclick //Двойной клик
oncontextmenu //клик правой кнопкой мыши
onmouseenter //Мышь входит на элемент
onmouseleave //Мышь уходит с элемента
onmousemove //Движение мышью внутри элемента
onmousedown //Нажатие и удержания кнопки мыши
onmouseup //Отпускания кнопки мыши

var el=document.getElementById('r1');
this.onclick=null; //Отмена события клика

el.oncontextmenu=function (){//Клик правой кнопкой мыши
//Действия
return false;//Хапрещаем показ контекстного меню
}
События клавиатуры
onkeypress //События клавиш.Комбинированное нажатие
onkeydown //События служебных клавиш.Еденичные нажатия,без комбинаций нажатий: Shift, ctl,стрелочек.
onkeyup //Событие отпускание клавиши

document.onkeypress=function(event){//Клик клавиши по документу
	if(event.shiftKey){
		console.log('Нажата клавиша shift');
	}
}
document.getElementById('test').onkeypress=function(event){//Клик клавиши в текстовое поле
	if(event.keyCode<48||event.keyCode>57){//Проверка на код клавиши в диапазоне,для определения цифр
		console.log('Не цифра');
return false;//ЗАпрещаем выполнения события ввода } }
События вращения колесика
document.onwheel=function(event){//События колесика
	if(event.deltaY>0){//Направление полесика. 1- вниз. -1 - вверх
		document.getElementById('scroll_nap').innerHTML='Вниз';
	}else{document.getElementById('scroll_nap').innerHTML='Вверх';}
/*Узнаем и проверяем скорость прокрутки колесика*/ var speed=event.deltaY; speed=Math.abs(speed);
if(speed<120){document.getElementById('scroll_skor').innerHTML='низкая';} else if(speed<170){document.getElementById('scroll_skor').innerHTML='Средняя';} else if(speed<250){document.getElementById('scroll_skor').innerHTML='Высокая';} else{document.getElementById('scroll_skor').innerHTML='Очень высокая';} console.log(event);//Все подробности события можно посмотреть в консоле }
Классы,атрибуты
elem.classList.add("foo");//добавление элементу класс "foo"
elem.classList.add("foo","bar");// добавление нескольких классов
elem.classList.remove("bar");// удаление класса "bar"
elem.classList.toggle("foo");// переключение класса "foo"
console.log(elem.classList.contains("foo"));//возвращает "true" если у класса есть класс "foo", в противном случае "false"

elem.hasAttribute(name); //проверяет наличие атрибута
elem.getAttribute(name); //получает значение атрибута
elem.setAttribute(name,value); //устанавливает атрибут
elem.removeAttribute(name); //удаляет атрибут
Вставка, копирование
/* Метод insertAdjacentHTML позволяет вставлять произвольный HTML в любое место документа, в том числе и между узлами!
Он поддерживается всеми браузерами, кроме Firefox меньше версии 8, ну а там его можно эмулировать.
elem.insertAdjacentHTML('beforeBegin','html-code'); //Первый параметр,куда вставлять. Перед,после... Второй - что вставить.
--- `beforeBegin` -- перед `elem`.
--- `afterBegin` -- внутрь `elem`, в самое начало.
--- `beforeEnd` -- внутрь `elem`, в конец.
--- `afterEnd` -- после `elem`.
*/ elem.outerHTML='<div class="my_new">Теперь этот блок вместо выбранного блока.</div>'; //Всесто выбранного елемента заменить этот код