- •Создание документа в html
- •Пример документа в html
- •Основные элементы
- •Заголовки документов
- •Заголовки разделов документов
- •Лекции по JavaScript Что такое javascript?
- •Среда разработки программ JavaScript
- •Что умеет javascript?
- •Форматирование
- •Очистка текущего документа
- •Типы переменных
- •Встроенные объекты
- •Объект Array
- •Методы объекта Array
- •Многомерные массивы
- •Объект Boolean
- •Объект Number
- •Объект Math
- •Объект String
- •Основы работы со строками
- •Использование кавычек
- •Встроенные функции
- •Строки и числа
- •Число → строка
- •Строка → число
- •Объект Date
- •Объект Global
- •Объект RegExp
- •Операторы Javascript
- •Оператор break
- •Оператор comment
- •Оператор continue
- •Оператор for
- •Оператор for...In
- •Оператор function
- •Оператор if...Else
- •Оператор return
- •Оператор var
- •Оператор while
- •Оператор with
- •Логические операторы
- •Функции
- •Функции - объекты в javascript функции являются полноценными объектами встроенного класса Function. Именно поэтому их можно присваивать переменным, передавать и, конечно, у них есть свойства:
- •Области видимости
- •Параметры функции
- •Работа с неопределенным числом параметров
- •Пример передачи функции по ссылке
- •Сворачивание параметров в объект
Форматирование
В JavaScript можно использовать как двойные, так и одинарные, причем без всякой функциональной разницы.
<html>
<head>
<script type="text/javascript">
<!--
document.write("Привет Мир!"+"<BR>");
document.write("Привет Мир!".fontsize("6").italics().fontcolor("green")+"<BR>");
document.write("<span style='color:red;font:16px Tahoma;'>Hello, World!</span>");
//-->
</script>
</head>
</html>
Очистка текущего документа
Метод clear() объекта document очищает текущий документ. Этот метод также очищает вашу программу (вместе с остатками документа), поэтому будьте очень осторожны тогда, когда вы употребляете это метод:
document.clear();
Типы переменных
Существует 4 типа переменных:
number – действительное или целое число;
boolean – значение true и афдыу;
string- строка;
object – объекты.
Объявление переменных производится при помощи ключевого слова var. например,
var i, k;
k=2;
До инициализации переменной ее значение остается неопределенным и равным undefined.
Операция typeof возвращает тип данных, хранящихся в текущий момент в переменной.
<html>
<body>
<h1> Пример арифметического выражения</h1>
<script language="javascript">
var x=1, y=2, z;
z=x+y;
document.write('z='+z);
</script>
</body>
</html>
Встроенные объекты
JavaScript поддерживает встроенные объекты: Array, Boolean, Date, Global, Function, Math, Number, String.
Экземпляр объекта создается при помощи оператора new по следующей схеме:
var object_name=new constructor_object(parameters);
где object_name – имя объекта,
constructor_object(parameters) – конструктор объекта, который имеет тоже имя, что и объект.
Объект Array
Объект Arrayпредставляет собой массив. Создается массив с помощью оператораnew
var a=new Array(); //размер массива не указан
var b=new Array(3); .. размер массива равен трем
var c=new Array("один","два","три")//массив задан перечислением
Объект Arrayимеет свойствоlength,соторое возвращает число элементов массива.
Методы объекта Array
Метод |
Описание |
concat() |
Соединяет элементы массивов. Синтаксис: array1.concat(array2) Например: var a, b, с; а = new Array(0,1,2); b = new Array(5,6,7); с = a.concat(b); // Результирующий массив с= {0,1,2,5,6,7}
|
join() |
Соединяет все элементы массива в строку. Параметр separator задает разделитель между элементами. Если он опущен, то разделитель не используется. Синтаксис: arrayobj.join(separator) Например: var a, b; ; a = new Array("Nice","to","see","you"); b =a.join(" "); // Результирующая строка "Nice to see you" |
reverse () |
Изменяет порядок следования элементов в массиве. Синтаксис: arrayobj.reverse() Например: var a, b; а = new Array(0,1,2,3); b = a. reverse () ; // Результирующий массив b = {3,2,1,0} |
slice() |
Возвращает часть массива, начиная с позиции startи заканчивая позициейend. Если значение параметраend опущено, то возвращает часть массива, начиная с позицииstartи до его конца. Синтаксис: arrayObj.slice{startr [end]) Например, var a, b; a = new Array(0,1,2,3); b = a.slice(2).join(";") ; . // Результирующее значение "2;3" |
sort() |
Сортирует элементы массива. Синтаксис: arrayobj.sort(sortfunction) Например, var a, b; а = new Array("a" ,"f" ,"d", "b", "с","m","r"); b = a.sort().join(); // Результирующее значение "abcdfmr"
|
toString() |
Преобразует массив в строку. objееtname.toString()
|
valueOf() |
Преобразует массив в строку с запятыми в качестве разделителей. object.valueOf()
|
Задание.
Разместите в двумерный массив 10х10 числа от 1 до 100 и выведите их на экран.