Технология создания сайтов
Download
Report
Transcript Технология создания сайтов
Язык 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(«строка»)