Технология создания сайтов

реклама
Язык JavaScript
Скриптовый язык для
выполнения на html-страницах
Java и JavaScript



JavaScript – скриптовый язык.
Интерпретируемый
JavaScript – нетипизированный
JavaScript более простой язык по
сравнению с Java
Зарезервированные слова










if
else
for
while
break
continue
with
function
return
var









null
void
typeof
true
false
new
delete
this
in
Синтаксис
Комментарии:
// Это комментарий
/* это тоже
комментарий */
Числа:
1, 3.5, -2.45e+23
010
0xff, 0x100
Строки:
'Строка символов‘
'Ещё "строка"'
"Ещё \"строка\""
Переменные:
var x;
var y=0;
Массивы:
mas = new Array();
x = mas[0]; y = m[i][j];
Выражения и операции
Строковые: +
'(' + a + ',' + b + ')'
Логические: ==, !=, <, >, <=, >=,&& - и, || - или
Арифметика: ++, --, -, ~, *, /, %, <<, >>, >>>, &, ^, |,
*=, /=, %=, +=, -=, <<=, >>=, >>>=, &=, ^=, |=
= – присваивание, ?: – условный оператор
Массивы:
[] – элемент массива
Функции:
() – вызов функции
Объекты:
. – поле объекта
Функции
function test1( message ) {
alert( message );
}
function test2() {
alert(’Test’);
}
Объекты
x=a.field;
a.method();
- поле объекта
- вызов метода
new «конструктор» - создание объекта
new Array();
Использование массивов
Создание:
 a = new Array(5, 4, 3, 2, 1, "testing");
 a = new Array();
 a = new Array(10);
Массивы могут
Методы и свойства:
 length
 join()
 reverse()
 sort(), sort(«функция»)
содержать
разнотипные
элементы. Кроме
того, элементы могут
быть ассоциированы
как с номерами, так и
со строками.
Использование строк
Методы и свойства:
 length
 substr(от,до)
 charAt(n)
 indexOf(подстрока)
 rightIndexOf(подстрока)
Операторы

Условный
if ( «условие» ) «оператор»;
else «оператор»;
if ( «условие» ) { «операторы»; }
else { «операторы»; }
Операторы
Цикл
for («иниц.»; «условие»; «шаг») «оператор»;
for («prop» in «object»)
«оператор»;
Примеры:
for(i=1;i<10;i++) { x=x+i; }
m=new Array(); … for(a in m) {alert(a);}
while ( «условие» ) «оператор»;
with
Математические функции

Предопределённый объект Math
cos(), acos(), sin(), asin(), tan(),
atan(), atan2(), min(), max(), pow(),
log(), exp(), round(), ceil(), floor(),
random(), abs(), sqrt()
E, PI, LN10, LN2, LOG10E, LOG2E

Math.sqrt(x)


Преобразования типов




'значение x=' + x
метод toString()
метод valueOf()
функции для строк parseInt(str),
parseFloat(str)
Размещение JavaScript на
html-странице

Программы на JavaScript в элементе Script
<HTML><BODY>
Это обычный HTML документ.<br>
<SCRIPT language="JavaScript">
document.write("А это JavaScript! <br> ")
</SCRIPT>
Вновь документ HTML.
</BODY></HTML>

В гиперссылках
<A HREF="javascript:alert('It is an empty link')">link</A>

В качестве обработчиков событий
<DIV OnClick="alert('I am clicked')">Click me</DIV>
Размещение JavaScript в
отдельном файле
<SCRIPT src="extern.js"></SCRIPT>
Файл exter.js:
document.write("А это JavaScript! <br> ");
Атрибуты элемента SCRIPT:
 charset
 type ("text/javascript", "text/vbscript")
 language
 src
Тестирование скриптов

alert(«строка»)

document.write(«строка»)
Скачать