- •1 Цель работы
- •2 Порядок выполнения работы
- •Импортированные стили
- •3) Inline-стили (встроенные с помощью атрибута style непосредственно в теги документа)
- •1 Цель работы
- •2 Порядок выполнения работы
- •3. Ответить на теоретические вопросы по данной теме руководителю своей группы.
- •4. Оформить отчет по самостоятельной работе, который должен содержать:
- •3. Методические указания.
- •6. Прочесть и выполнить все требования из раздела основные понятия
- •Вернемся к разбору сценария
- •Задание
- •Раздел основные понятия
- •Раздел исправление ошибок
- •Строка ошибки
- •Что дальше?
- •Множественные ошибки
- •Отсутствие определения
- •Задание
- •Код с ошибкой
- •Возможное решение
Раздел основные понятия
Javacript является интерпретируемым языком для документов HTML, разработанным фирмой Netscape в сотрудничестве с Sun Mucrosystems. Сценарии (scripts) выполняются в результате наступления каких-либо событий, инициированных действиями пользователя.
Программы JavaScript могут работать только внутри браузера.
Функция представляет собой созданный программистом или встроенный в язык участок кода, ассоциированный с определенным именем. Это, как правило, необходимо для того, чтобы иметь возможность выполнять какую-либо задачу несколько раз используя один и тот же метод. Она также может вернуть значение, если в нее поместить оператор return.
Как правило, лучше всего помещать определение функций внутри тега <head>.
Метод представляет собой функцию, связанную с объектом. Например, userName.toUppercCase() возвращает строку, содержащуюся в переменной userName, преобразованную к верхнему регистру.
Оператор производит действие над одним или несколькими операндами или переменными. Операторы делятся на две основные группы: унарные и бинарные:
sum = 1 + 5 - бинарный оператор;
counter++ - унарный оператор.
Комментарии - это специальные замечания программиста, чтобы объяснить, что делает данный скрипт, и они игнорируются интерпретатором. JavaScript поддерживает следующий стиль комментариев:
однострочные комментарии начинаются с символа (//);
многострочные комментарии начинаются /* и заканчиваются */.
Вы можете вставлять кавычки внутри строки, предшествуя им наклонной чертой влево. Это известно как выход кавычек. Например:
document.write("\\"Меньше знаешь - крепче спишь!"\\")
Идентификатор в JavaScript обязан начинаться с латинской буквы, символа подчёркивания/underscore (_) или знака доллара ($); последующие символы имени могут также быть цифрами (0-9).
Поскольку JavaScript различает регистр символов, могут использоваться буквы от "A" до "Z" (верхний регистр) и от "a" до "z" (нижний регистр).
Вы можете создавать именованные константы "только-для-чтения" с помощью ключевого слова const. Синтаксис идентификатора константы такой же, что и у идентификатора переменной: он обязан начинаться с буквы или символа подчёркивания, и может содержать символы алфавита, числа и символ подчёркивания:
const prefix = '212';
a + b |
Сложение |
Возвращает сумму двух операндов. |
a - b |
Вычитание |
Возвращает разность от вычитания правого операнда из левого. |
a * b |
Умножение |
Возвращает произведение двух операндов. |
a / b |
Деление |
Возвращает частное от деления левого операнда на правый. |
a % b |
Остаток по модулю |
Возвращает целый остаток от деления левого операнда на правый. Плавающие числа перед операцией округляются до целых. |
++ |
Инкремент |
Унарная операция. Увеличивает значение переменной на 1. Если используется как префикс (++a), возвращает значение операнда после увеличения его на 1. Если используется как постфикс (a++), возвращает значение операнда перед увеличением его на 1. |
-- |
Декремент |
Унарная операция. Уменьшает значение переменной на 1. Если используется как префикс (--a), возвращает значение операнда после уменьшения его на 1. Если используется как постфикс (a--), возвращает значение операнда перед уменьшением его на 1. |
-a |
Смена знака |
Унарная операция. Возвращает арифметическое отрицание операнда. |
a < b |
Меньше |
Возвращает true, если левый операнд меньше, чем правый операнд (желательно воздержаться от применения). |
a > b |
Больше |
Возвращает true, если левый операнд больше, чем правый операнд. |
a <= b |
Не больше |
Возвращает true, если левый операнд меньше или равен правому операнду. |
a => b |
Не меньше |
Возвращает true, если левый операнд больше или равен правому операнду. |
a == b |
Равно |
Возвращает true, если левый операнд равен правому операнду. |
a != b |
Не равно |
Возвращает true, если левый операнд не равен правому операнду. |
a === b |
Тождественно |
Возвращает true, если левый операнд тождественно равен правому операнду. |
a !== b |
Не тождественно |
Возвращает true, если левый операнд тождественно не равен правому операнду. |
abstract |
boolean |
break |
byte |
|
case |
catch |
char |
class |
|
const |
continue |
default |
do |
|
double |
else |
extends |
false |
|
final |
finally |
float |
for |
|
function |
goto |
if |
implements |
|
import |
in |
instanseof |
int |
|
interface |
long |
native |
new |
|
null |
package |
private |
protected |
|
public |
return |
short |
static |
|
super |
switch |
synchronized |
this |
|
throw |
throws |
transient |
true |
|
try |
var |
void |
while |
|
with |
|
|
|
|
Color's name |
Red |
Green |
Blue |
Выбрать: |
alicemblue |
F0 |
F8 |
FF |
#F0F8FF |
antiquewhite |
FA |
EB |
D7 |
#FAEBD7 |
aqua |
00 |
FF |
FF |
#00FFFF |
aquamarine |
7F |
FF |
D4 |
#7FFFD4 |
azure |
F0 |
FF |
FF |
#F0FFFF |
beige |
F5 |
F5 |
DC |
#F5F5DC |
bisque |
FF |
E4 |
C4 |
#FFE4C4 |
black |
00 |
00 |
00 |
#000000 |
blanchedalmond |
FF |
EB |
CD |
#FFEBCD |
blue |
00 |
00 |
FF |
#0000FF |
blueviolet |
8A |
2B |
E2 |
#8A2BE2 |
brown |
A5 |
2A |
2A |
#A52A2A |
burlywood |
DE |
B8 |
87 |
#DEB887 |
cadetblue |
5F |
9E |
A0 |
#5F9EA0 |
chartreuse |
7F |
FF |
00 |
#7FFF00 |
chocolate |
D2 |
69 |
1E |
#D2691E |
coral |
FF |
7F |
50 |
#FF7F50 |
cornflowerblue |
64 |
95 |
ED |
#6495ED |
cornsilk |
FF |
F8 |
DC |
#FFF8DC |
crimson |
DC |
14 |
3C |
#DC143C |
cyan |
00 |
FF |
FF |
#00FFFF |
darkblue |
00 |
00 |
8B |
#00008B |
darkcyan |
00 |
8B |
8B |
#008B8B |
darkgoldenrod |
B8 |
86 |
0B |
#B8860B |
darkgray |
A9 |
A9 |
A9 |
#A9A9A9 |
darkgreen |
00 |
64 |
00 |
#006400 |
darkkhaki |
BD |
B7 |
6B |
#BDB76B |
darkmagenta |
8B |
00 |
8b |
#8B008B |
darkolivegreen |
55 |
6B |
2F |
#556B2F |
darkorange |
FF |
8C |
00 |
#FF8C00 |
darkochid |
99 |
32 |
CC |
#9932CC |
darkred |
8B |
00 |
00 |
#8B0000 |
darksalmon |
E9 |
96 |
7A |
#E9967A |
darkseagreen |
8F |
BC |
8F |
#8FBC8F |
darkslateblue |
48 |
3D |
8B |
#483D8B |
darkslategray |
2F |
4F |
4F |
#2F4F4F |
darkturquoise |
00 |
CE |
D1 |
#00CED1 |
darkviolet |
94 |
00 |
D3 |
#9400D3 |
deeppink |
FF |
14 |
93 |
#FF1493 |
deepskyblue |
00 |
BF |
FF |
#00BFFF |
dimgray |
69 |
69 |
69 |
#696969 |
dodgerblue |
1E |
90 |
FF |
#1E90FF |
firebrick |
B2 |
22 |
22 |
#B22222 |
floralwhite |
FF |
FA |
F0 |
#FFFAF0 |
forestgreen |
22 |
8B |
22 |
#228B22 |
fushsia |
FF |
00 |
FF |
#FF00FF |
gainsboro |
DC |
DC |
DC |
#DCDCDC |
ghostwhite |
F8 |
F8 |
FF |
#F8F8FF |
gold |
FF |
D7 |
00 |
#FFD700 |
goldenrod |
DA |
A5 |
20 |
#DAA520 |
gray |
80 |
80 |
80 |
#808080 |
green |
00 |
80 |
00 |
#008000 |
greenyellow |
AD |
FF |
2F |
#ADFF2F |
honeydew |
F0 |
FF |
F0 |
#F0FFF0 |
hotpink |
FF |
69 |
B4 |
#FF69B4 |
indiandred |
CD |
5C |
5C |
#CD5C5C |
indigo |
4B |
00 |
82 |
#4B0082 |
ivory |
FF |
FF |
F0 |
#FFFFF0 |
khaki |
F0 |
E6 |
8C |
#F0E68C |
lavender |
E6 |
E6 |
FA |
#E6E6FA |
lavenderblush |
FF |
F0 |
F5 |
#FFF0F5 |
lawngreen |
7C |
FC |
00 |
#7CFC00 |
lemonchiffon |
FF |
FA |
CD |
#FFFACD |
ligtblue |
AD |
D8 |
E6 |
#ADD8E6 |
lightcoral |
F0 |
80 |
80 |
#F08080 |
lightcyan |
E0 |
FF |
FF |
#E0FFFF |
lightgoldenrodyellow |
FA |
FA |
D2 |
#FAFAD2 |
lightgreen |
90 |
EE |
90 |
9#0EE90 |
lightgrey |
D3 |
D3 |
D3 |
#D3D3D3 |
lightpink |
FF |
B6 |
C1 |
#FFB6C1 |
lightsalmon |
FF |
A0 |
7A |
#FFA07A |
lightseagreen |
20 |
B2 |
AA |
#20B2AA |
lightscyblue |
87 |
CE |
FA |
#87CEFA |
lightslategray |
77 |
88 |
99 |
#778899 |
lightsteelblue |
B0 |
C4 |
DE |
#B0C4DE |
lightyellow |
FF |
FF |
E0 |
#FFFFE0 |
lime |
00 |
FF |
00 |
#00FF00 |
limegreen |
32 |
CD |
32 |
#32CD32 |
linen |
FA |
F0 |
E6 |
#FAF0E6 |
magenta |
FF |
00 |
FF |
#FF00FF |
maroon |
80 |
00 |
00 |
#800000 |
mediumaquamarine |
66 |
CD |
AA |
#66CDAA |
mediumblue |
00 |
00 |
CD |
#0000CD |
mediumorchid |
BA |
55 |
D3 |
#BA55D3 |
mediumpurple |
93 |
70 |
DB |
#9370DB |
mediumseagreen |
3C |
B3 |
71 |
#3CB371 |
mediumslateblue |
7B |
68 |
EE |
#7B68EE |
mediumspringgreen |
00 |
FA |
9A |
#00FA9A |
mediumturquoise |
48 |
D1 |
CC |
#48D1CC |
medium violetred |
C7 |
15 |
85 |
#C71585 |
midnightblue |
19 |
19 |
70 |
#191970 |
mintcream |
F5 |
FF |
FA |
#F5FFFA |
mistyrose |
FF |
E4 |
E1 |
#FFE4E1 |
moccasin |
FF |
E4 |
B5 |
#FFE4B5 |
navajowhite |
FF |
DE |
AD |
#FFDEAD |
navy |
00 |
00 |
80 |
#000080 |
oldlace |
FD |
F5 |
E6 |
#FDF5E6 |
olive |
80 |
80 |
00 |
#808000 |
olivedrab |
6B |
8E |
23 |
#6B8E23 |
orange |
FF |
A5 |
00 |
#FFA500 |
orengered |
FF |
45 |
00 |
#FF4500 |
orchid |
DA |
70 |
D6 |
#DA70D6 |
palegoldenrod |
EE |
E8 |
AA |
#EEE8AA |
palegreen |
98 |
FB |
98 |
#98FB98 |
paleturquose |
AF |
EE |
EE |
#AFEEEE |
palevioletred |
DB |
70 |
93 |
#DB7093 |
papayawhop |
FF |
EF |
D5 |
#FFEFD5 |
peachpuff |
FF |
DA |
B9 |
#FFDAB9 |
peru |
CD |
85 |
3F |
#CD853F |
pink |
FF |
C0 |
CB |
#FFC0CB |
plum |
DD |
A0 |
DD |
#DDA0DD |
powderblue |
B0 |
E0 |
E6 |
#B0E0E6 |
purple |
80 |
00 |
80 |
#800080 |
red |
FF |
00 |
00 |
#FF0000 |
rosybrown |
BC |
8F |
8F |
#BC8F8F |
royalblue |
41 |
69 |
E1 |
#4169E1 |
saddlebrown |
8B |
45 |
13 |
#8B4513 |
salmon |
FA |
80 |
72 |
#FA8072 |
sandybrown |
F4 |
A4 |
60 |
#F4A460 |
seagreen |
2E |
8B |
57 |
#2E8B57 |
seashell |
FF |
F5 |
EE |
#FFF5EE |
sienna |
A0 |
52 |
2D |
#A0522D |
silver |
C0 |
C0 |
C0 |
#C0C0C0 |
skyblue |
87 |
CE |
EB |
#87CEEB |
slateblue |
6A |
5A |
CD |
#6A5ACD |
slategray |
70 |
80 |
80 |
#708090 |
snow |
FF |
FA |
FA |
#FFFAFA |
springgreen |
00 |
FF |
7F |
#00FF7F |
steelblue |
46 |
82 |
B4 |
#4682B4 |
tan |
D2 |
B4 |
8C |
#D2B48C |
teal |
00 |
80 |
80 |
#008080 |
thistle |
D8 |
BF |
D8 |
#D8BFD8 |
tomato |
FF |
63 |
47 |
#FF6347 |
turquose |
40 |
E0 |
D0 |
40E0D0 |
violet |
EE |
82 |
EE |
#EE82EE |
wheat |
F5 |
DE |
B3 |
#F5DEB3 |
white |
FF |
FF |
FF |
#FFFFFF |
whitesmoke |
F5 |
F5 |
F5 |
#F5F5F5 |
yellow |
FF |
FF |
00 |
#FFFF00 |
yellowgreen |
9A |
CD |
32 |
#9ACD32 |
