a + b Сложение Возвращает сумму двух операндов.
"a"+"b" // "ab";
'2'+2 // "22"
Конкатенация Сложение строк. Если хотя бы один аргумент является строкой, то второй будет также преобразован к строке
2-'1' // 1;
4/'2' // 2.
Операторы, кроме "+" работают только с числами и всегда приводят аргументы к числу.
var apples="2";
var plums="3";
+apples + +plums =>5 (а не 23)
Унарный плюс «Побочный эффект» – преобразование значения в число.
a - b Вычитание Возвращает разность от вычитания правого операнда из левого.
a * b Умножение Возвращает произведение двух операндов.
a / b Деление Возвращает частное от деления левого операнда на правый.
a % b Остаток по модулю Возвращает целый остаток от деления левого операнда на правый. Плавающие числа перед операцией округляются до целых.
++ Инкремент Увеличивает значение переменной на 1. Более короткая запись для i = i + 1. Если ++a - возвращает значение операнда после увеличения его на 1.
a++ ... перед увеличением его на 1.
-- Декремент Уменьшает значение переменной на 1. (см. выше.)
-a Смена знака Унарная операция. Возвращает арифметическое отрицание операнда: а = -а.
+=,-=,*=,/=,%= Присваивание Сокращённая арифметика с присваиванием.
a=b=c = 2+2 Присваивание Присваивание по цепочке.
a < b Меньше Возвращает true, если левый операнд меньше, чем правый операнд (желательно воздержаться от применения).
a > b Больше Возвращает true, если левый операнд больше, чем правый операнд.
a <= b Не больше Возвращает true, если левый операнд меньше или равен правому операнду.
a => b Не меньше Возвращает true, если левый операнд больше или равен правому операнду.
a == b Равно Возвращает true, если левый операнд равен правому операнду.
a != b Не равно Возвращает true, если левый операнд не равен правому операнду.
a === b Тождественно Возвращает true, если левый операнд тождественно равен правому операнду.
a !== b Не тождественно Возвращает true, если левый операнд тождественно не равен правому операнду.
abstractbooleanbreakbyte
casecatchcharclass
constcontinuedefaultdo
doubleelseextendsfalse
finalfinallyfloatfor
functiongotoifimplements
importininstanseofint
interfacelongnativenew
nullpackageprivateprotected
publicreturnshortstatic
superswitchsynchronizedthis
throwthrowstransienttrue
tryvarvoidwhile
with   
Color's name Red Green Blue Выбрать:
alicemblue F0 F8 FF #F0F8FF
antiquewhiteFAEBD7#FAEBD7
aqua00FFFF#00FFFF
aquamarine7FFFD4#7FFFD4
azureF0FFFF#F0FFFF
beigeF5F5DC#F5F5DC
bisqueFFE4C4#FFE4C4
black 000000#000000
blanchedalmondFF EBCD#FFEBCD
blue0000FF#0000FF
blueviolet 8A2BE2#8A2BE2
brown A52A2A#A52A2A
burlywoodDEB887#DEB887
cadetblue5F9EA0#5F9EA0
chartreuse7FFF00#7FFF00
chocolateD2691E#D2691E
coralFF7F50#FF7F50
cornflowerblue6495ED#6495ED
cornsilkFFF8DC#FFF8DC
crimsonDC143C#DC143C
cyan00FFFF#00FFFF
darkblue 00008B#00008B
darkcyan008B8B#008B8B
darkgoldenrodB8860B#B8860B
darkgrayA9A9A9#A9A9A9
darkgreen 006400#006400
darkkhakiBDB76B#BDB76B
darkmagenta 8B008b#8B008B
darkolivegreen556B2F#556B2F
darkorangeFF8C00#FF8C00
darkochid9932CC#9932CC
darkred8B0000#8B0000
darksalmonE9 967A#E9967A
darkseagreen8FBC8F#8FBC8F
darkslateblue483D8B#483D8B
darkslategray2F4F4F#2F4F4F
darkturquoise00CED1#00CED1
darkviolet9400D3#9400D3
deeppinkFF1493#FF1493
deepskyblue00BFFF#00BFFF
dimgray 696969#696969
dodgerblue1E90FF#1E90FF
firebrick B22222#B22222
floralwhiteFFFAF0#FFFAF0
forestgreen228B22#228B22
fushsiaFF00FF#FF00FF
gainsboroDCDCDC#DCDCDC
ghostwhiteF8F8FF#F8F8FF
goldFFD700#FFD700
goldenrodDAA520#DAA520
gray808080#808080
green008000#008000
greenyellowADFF2F#ADFF2F
honeydewF0FFF0#F0FFF0
hotpinkFF69B4#FF69B4
indiandred CD5C5C#CD5C5C
indigo 4B0082#4B0082
ivoryFFFFF0#FFFFF0
khakiF0E68C#F0E68C
lavenderE6E6FA#E6E6FA
lavenderblushFFF0F5#FFF0F5
lawngreen7CFC00#7CFC00
lemonchiffonFFFACD#FFFACD
ligtblueADD8E6#ADD8E6
lightcoralF08080#F08080
lightcyanE0FFFF#E0FFFF
lightgoldenrodyellow FAFAD2#FAFAD2
lightgreen90EE 90 #90EE90
lightgreyD3D3D3#D3D3D3
lightpinkFFB6C1#FFB6C1
lightsalmonFFA07A#FFA07A
lightseagreen20B2AA#20B2AA
lightscyblue87CEFA#87CEFA
lightslategray778899#778899
lightsteelblueB0C4DE#B0C4DE
lightyellowFFFFE0#FFFFE0
lime00FF00#00FF00
limegreen32CD32#32CD32
linenFAF0E6#FAF0E6
magentaFF00FF#FF00FF
maroon 800000#800000
mediumaquamarine 66CDAA#66CDAA
mediumblue0000CD#0000CD
mediumorchidBA55D3#BA55D3
mediumpurple9370DB#9370DB
mediumseagreen3CB371#3CB371
mediumslateblue7B68EE#7B68EE
mediumspringgreen 00FA9A#00FA9A
mediumturquoise48D1CC#48D1CC
medium violetred C71585#C71585
midnightblue 191970#191970
mintcreamF5FFFA#F5FFFA
mistyroseFFE4E1#FFE4E1
moccasin FFE4B5#FFE4B5
navajowhiteFFDEAD#FFDEAD
navy00 0080#000080
oldlaceFDF5E6#FDF5E6
olive 808000#808000
olivedrab6B8E23#6B8E23
orangeFFA500#FFA500
orengeredFF4500#FF4500
orchidDA70D6#DA70D6
palegoldenrodEEE8AA#EEE8AA
palegreen98FB98#98FB98
paleturquoseAFEEEE#AFEEEE
palevioletredDB7093#DB7093
papayawhopFFEFD5#FFEFD5
peachpuffFFDAB9#FFDAB9
peruCD853F#CD853F
pinkFFC0CB#FFC0CB
plumDDA0DD#DDA0DD
powderblueB0E0E6#B0E0E6
purple800080 #800080
redFF0000#FF0000
rosybrownBC8F8F#BC8F8F
royalblue4169E1#4169E1
saddlebrown8B4513 #8B4513
salmonFA 8072#FA8072
sandybrownF4A460#F4A460
seagreen2E8B57#2E8B57
seashellFFF5EE#FFF5EE
siennaA0522D #A0522D
silverC0C0C0#C0C0C0
skyblue87CEEB#87CEEB
slateblue6A5ACD#6A5ACD
slategray708080#708090
snow FFFAFA#FFFAFA
springgreen00FF7F#00FF7F
steelblue4682B4#4682B4
tanD2B48C#D2B48C
teal008080#008080
thistleD8BFD8#D8BFD8
tomatoFF6347#FF6347
turquose40E0D040E0D0
violetEE82EE#EE82EE
wheatF5DEB3#F5DEB3
whiteFFFFFF#FFFFFF
whitesmokeF5F5F5#F5F5F5
yellowFFFF00#FFFF00
yellowgreen9ACD32#9ACD32

window.open([URL],[имя],[параметры],[replace])

например (следите за кавычками):

window.open('http://www.straushome.info/', '_blank', 'scrollbars=no, status=no, width=640, height=480')"

Параметр: Значение:
URL если URL не указан, откроется новое пустое окно.
имя определяет атрибут target или имя окна. Имеет следующие значения:
_blank URL в новом окне (параметрпо умолчанию).
_parent URL в предыдущем (родительском) окне или фрейме. Если родителя нет, работает как _self.
_self URL вместо текущего.
_top URL Отменяет все фреймы и загружает страницу в полном окне браузера. Если фреймов нет, работает как _self
name имя окна или фрейма.
параметры параметры, разделяются запятой:
channelmode = yes|no|1|0 Открыть окно в "theater mode". Только для IE.
directories = yes|no|1|0 Если этот параметр установлен в yes, то в новом окне будут закладки/избранное.
fullscreen = yes|no|1|0 по умолчанию "no". Для IE может быть в "theater mode".
height/width Высота/ширина окна в пикселях включая полосы прокрутки, если они есть. Min. значение: 100.
left/top Позиционирование окна.
location = yes|no|1|0 Показать адресную строку. По умолчанию "yes".
menubar = yes|no|1|0 Показать строку меню. По умолчанию "yes".
resizable = yes|no|1|0 Рекомендуется всегда устанавливать этот параметр. По умолчанию "yes".
scrollbars = yes|no|1|0 Полосы прокрутки. По умолчанию "yes".
status = yes|no|1|0 Строка состояния. По умолчанию "yes".
titlebar = yes|no|1|0 Нам пока незачем. По умолчанию "yes".
toolbar = yes|no|1|0 Панель управления. По умолчанию "yes".
replace
(замена)
позволяет при открытии окна управлять записью в массив History.
  • true - URL заменяет текущий элемент в history.
  • false - URL создает новую запись.
НазваниеЗначениеОписание
INDEX_SIZE_ERR1Выход индекса за пределы допустимого диапазона.
DOMSTRING_SIZE_ERR2Заданный текст не может быть приведен к типу DOMString.
HIERARCHY_REQUEST_ERR3Попытка вставить узел в ненадлежащее место дерева.
WRONG_DOCUMENT_ERR4Недопустимый тип документа.
INVALID_CHARACTER_ERR5Встречен недопустимый символ.
NO_DATA_ALLOWED_ERR6Узел не содержит данных.
NO_MODIFICATION_ALLOWED_ERR7Попытка недопустимой модификации объекта.
NOT_FOUND_ERR8Обращение к несуществующему узлу.
NOT_SUPPORTED_ERR9Параметр или операция не реализованы.
INUSE_ATTRIBUTE_ERR10Попытка добавления атрибута, который уже существует.
INVALID_STATE_ERR11Обращение к несуществующему объекту.
SYNTAX_ERR12Синтаксическая ошибка.
INVALID_MODIFICATION_ERR13Попытка изменения типа объекта.
NAMESPACE_ERR14 Попытка создания или изменения объекта, не соответствующая пространству имен XML.
INVALID_ACCESS_ERR15Параметр или операция не поддерживаются объектом.
НазваниеЗначениеИнтерфейсОписание
ELEMENT_NODE1ElementЭлемент
ATTRIBUTE_NODE2AttrАтрибут
TEXT_NODE3TextТекст
CDATA_SECTION_NODE4CDATASectionСекция CDATA
ENTITY_REFERENCE_NODE5EntityReferenceСсылка на раздел
ENTITY_NODE6EntityРаздел документа
PROCESSING_INSTRUCTION_NODE7ProcessingInstructionДиректива
COMMENT_NODE8CommentКомментарий
DOCUMENT_NODE9DocumentДокумент
DOCUMENT_TYPE_NODE10DocumentTypeТип документа
DOCUMENT_FRAGMENT_NODE11DocumentFragmentФрагмент документа
NOTATION_NODE12NotationНотация
Доступ к элементам getElementByПримечания
document.getElementById("idname")В документе может быть только один элемент с данным id.
document.getElementsByTagName("tagname")[n] В отличие от getElementById метод работает из любого элемента на странице. Например: tableElem.getElementsByTagName('tagname')
document.getElementsByName("name")
 Обратить внимание на букву "s"!
До появления HTML5 метод возвращал только те элементы, в которых предусмотрена поддержка атрибута name. В современных браузерах тег не имеет значения.
document.getElementsByClassName("classname") Некроссбраузен, лучше не применять

Доступ к родительским и дочерним элементамДействие
elem.parentNodeДоступ к родительскому элементу
elem.firstChildВернет первый дочерний элемент
elem.lastChildВернет последний дочерний элемент
elem.nextSiblingДоступ к следующему соседнему элементу
assa=elem.nextSibling; while(assa.nodeType!=1)assa=assa.nextSibling; Доступ к следующему соседнему элементу
в тегах HTML
elem.previousSiblingДоступ к предыдущему соседнему элементу
textContentCодержит только текст внутри элемента, за вычетом всех <тегов>. (кроме IE8).
elem.children[n]Доступ к дочернему элементу в тегах HTML
elem.parentElement
elem.firstElementChild
elem.lastElementChild
elem.previousElementSibling
elem.nextElementSibling
elem.childElementCount
4.0 3.5 10.0 9.0 3.2
Доступ к элементам в тегах HTML
document.images[n] или document.images.item(n);Доступ к элементу коллеции.
document.images[id]Доступ к элементу коллеции по уникальному имени.
Доступ ко всем элементам страницы и получение типа элемента Действие
document.body.childNodesВозвращает все дочерние узлы вне зависимости от их типа
document.body.childrenВозвращает массив со всеми дочерними html узлами
.nodeName(только для чтения) Возвращает имя узла в вехнем регистре
.nodeTypeВозвращает тип узла
.nodeValueУказывает значение узла
Примечания.
nodeValue для узлов элементов не определено;
nodeValue для текстовых узлов равно самому тексту;
nodeValue для узлов атрибутов равно значению атрибута.
Примечания:
Дочерние элементы (или дети) – элементы, которые лежат непосредственно внутри данного. Например, внутри <HTML> обычно лежат <HEAD> и <BODY>.
Потомки – все элементы, которые лежат внутри данного, вместе с их детьми, детьми их детей и так далее. То есть, всё поддерево DOM.
Список детей – только для чтения!
Доступ по query:Действие
document.querySelector("#myID") Вернет первый элемент в документе с id = "myID"
document.querySelector(".myClass") Вернет первый элемент в документе с классом "myClass"
document.querySelector("div p") Вернет первый <p> где родитель <div>
document.querySelector("div#myID>p") Вернет первый <p>, который находится внутри
<div id="myID">
document.querySelector("div>p, .myClass") Вернет первый элемент в документе с классом "myClass"
document.querySelector("div.myClass+p") Вернет <p>, который находится после
<div class ="myClass">
document.querySelector("p.myClass") Вернет <p>, у которого class="myClass"
document.querySelector('img[src="my.jpg"]') Вернет первый элемент img с src="my.jpg"
document.querySelector('img[src^="my"]') Вернет первый элемент img с src, начинающегося с ="my"
document.querySelectorAll("p.myClass") Вернет все p, у которых class="myClass"

4.0 3.5 10.0 8.0 3.2
МетодыДействие

elem=document.createElement("tagname");

elem=document.createTextNode("text");

parent.appendChild(elem), где
parent=document.getElementById; или
document.getElementsByTagName("tagname")[number];, или
parent=document.querySelector("selector");
...

elem.style="style" - добавить стиль;

elem.className="name";

elem.id="id";
...

elem.attribute="attribute" - добавить атрибут;

document.getElementById("id").setAttribute("class", "add-class");

document.getElementById("id").removeAttribute("class", "remove-class");
...

Создать и добавить
новый элемент.

elem=createTextNode("Hello World!");

parent.appendChild(elem); или

document.links[number].appendChild[elem];, или

parent.innerHTML="Hello World!";, или

document.links[number].innerHTML="Hello World!";

Поместить текст внутрь элемента.

parent.insertBefore(elem, reference);
reference - опорный узел (перед кем).

parent.replaceChild(newElement, elem)

parent.removeChild(elem);

parent.insertAfter(elem, parent.reference); -
такого метода нет, использовать parent.appendChild(elem)
или elem.parentNode.insertBefore(newElement,elem.nextSibling)
nextSibling`а может не быть, но все равно добавиться после elem!

Вставка, замена и удаление узлов.

node.cloneNode(flag)
flag - необязательный параметр (но лучше применить). Если true - будет создана копия элемента с атрибутами и подэлементами;
false - копия без дочерних элементов.

assa=node.cloneNode(flag); elem.appendChild(assa)
Дубликат узла не является частью документа, пока не будет добавлен в другой узел.
 Может произойти дублирование идентфикаторов.
Создание дубликата узла.
МетодОписание
concat()Сцепляет массив с другими массивами или значениями.
var new_array=old_array.concat(string2, string3[, ..., stringN]);
indexOf()Поиск подстроки. Вернет позицию первого совпадения или -1.
str.indexOf(subString[, startIndex])
fromCharCode()Возвращает строку, созданную из кодов символов Unicode.
lastIndexOf()Возвращает позицию последнего найденного вхождения подстроки или -1.
localeCompare()Сравнивает строки на разных языках с учетом их правил.
match()Ищет строку соответствующую регулярному выражению, и возвращает результат в виде массива или null.
replace()Ищет в строке указанное значение или регулярное выражение и возвращает новую строку, где указанные значения будут заменены.
var res = str.replace("что", "в чем");
search()Ищет в строке указанное значение или регулярное выражение и возвращает позицию первого соответствия.
slice()Извлекает подстроку из строки. var res = str.slice(откуда, докуда);
При отрицательные значениях отсчет ведется с конца строки.
split()str.split(separator, limit) Разбивает строку на подстроки, возвращая массив подстрок. Если разделитель пустой (" "), разделение будет после после каждого слова, если не будет "limit", то после каждого символа, включая пробелы (s,t,r,a,u,s,h,o,m,e,.,i,n,f,o); Сам разделитель "проглатывается".
substr()Извлекает подстроку из строки. str.substr(откуда,сколько); Не работает в IE8 и ниже.
toLowerCase() Конвертирует все символы строки в нижний регистр.
toLocaleLowerCase()Преобразует символы строки в нижний регистр с учетом стандарта хостинга.
toUpperCase()Конвертирует все символы строки в верхний регистр.
toLocaleUpperCase()Преобразует символы строки в верхний регистр с учетом стандарта хостинга.
substring()Извлекает символы из строки между двух указанных индексов, не включая последний. Если указан только один аргумент, то извлекаются символы от первого индекса и до конца строки.
str.substring(1, 4) == str.substring(4, 1).
str.charAt(index)Возвращает символ строки с указанной позиции.
str.charCodeAt(index)Код символа в Unicode; Первые 128 значений Unicode совпадают с кодировкой ASCII (погуглить).
toString()Возвращает строковое представление объекта.
trim()Удаляет пробелы в начале и конце строки.
valueOf()Возвращает примитивное значение объекта. Эквивалентно String#toString.