- •Создание документа в 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 Что такое javascript?
JavaScript — язык программирования с объектно-ориентированными возможностями.
Разработан в 1996 году в компании Netscape. На сегодняшний день является популярнейшим средством написания сценариев, выполняющихся на стороне клиента, то есть сценариев, которые не требуют подключения внешних интерпретаторов и сервера — программный код считывается браузером и реализуется на компьютере пользователя. Поддержка JavaScript обычно включена в настройках современных браузеров по умолчанию.
Следует отметить, что несмотря на схожесть в названии с языком программирования Java, они не имеют ничего общего и разработаны различными компаниями.
Идея клиентского JavaScript заключается в возможности управления значениями атрибутов HTML разметки и свойствами отображаемой среды web-страницы.
JavaScript обыкновенно встраивается непосредственно в HTML документ, добавляя web-странице интерактивности, что делает ее привлекательной для посетителей и удобной для просмотра.
Для изучения программирования на языке JavaScript необходимо знать основы HTML.
Javascript - скриптовый язык, предназначенный для создания интерактивных веб-страниц.
Javascript не требуется компилировать, он подключается к HTML-странице и работает "как есть".
Javascript - НЕ java, а совсем другой язык. Он похоже называется, но не более того. У javascript есть свой стандарт: ECMAScript,
Javascript похож на Python, Ruby, Self.
Среда разработки программ JavaScript
В качестве редактора создания программы можно использовать простой текстовый редактор, типа Блокнот, входящий в Windows. Однако удобнее пользоваться специальными редакторами, например,NetBeans. Для того, чтобы написать программу наJavaScriptвNetBeansнужно сначала создать проект, или воспользоваться уже готовым проектом.
Обычный текст в JavaScript выводится следующим образом:
<html>
<body>
<script type="text/javascript">
document.write("Привет Мир!");
</script>
</body>
</html>
Вывод текста в JavaScript при помощи HTML тегов:
<html>
<body>
<script type="text/javascript">
document.write("<h1>Привет мир!</h1>");
</script>
</body>
</html>
JavaScript вывод текста с кавычками:
Текстовые значения выделяются одинарными или двойными кавычками. В случае если выводимый текст содержит кавычки, их необходимо экранировать с помощью обратного слэша \.
<html>
<body>
<script type="text/javascript">
document.write("Профессор Ивченко сказал: \"Запомните! Мелочи решают все\".");
</script>
</body>
</html>
Если не использовать backslash, результатом вывода будет: Профессор Ивченко сказал:.
Что умеет javascript?
Изменять страницу, писать на ней текст, добавлять и удалять теги, менять стили элементов.
Реагировать на события: скрипт может ждать, когда что-нибудь случится (клик мыши, окончание загрузки страницы) и реагировать на это выполнением функции.
Выполнять запросы к серверу и загружать данные без перезагрузки страницы. Это иногда называют "AJAX".
Устанавливать и считывать cookie, валидировать данные, выводить сообщения и многое другое.
Программы на javascript можно писать в любом текстовом редакторе, лишь бы только он вносил как можно меньше служебной информации, например о цвете шрифта, типе, о форматировании текста, и т.п. Программа исполняется браузером.
Когда браузер читает HTML-страничку, и видит тег <script> - он первым делом читает и выполняет код, а только потом продолжает читать страницу дальше.
<html>
<body>
<h1> Эта надпись сделана с помощью HTML</h1>
<script language="javascript">
//а эта надпись будет сделана с помощью JavaScript
document.write('Здравствуй, МИР!');
</script>
</body>
</html>
Код между тегами <script language="javascript"> и </script> называется сценарием. В коле может присутствовать несколько тегов <script>. Если используется только один язык сценариев, то нет нужды указывать его каждый раз.
<html>
<body>
<h1> Эта надпись сделана с помощью HTML</h1>
<script language="javascript">
//а эта надпись будет сделана с помощью JavaScript
document.write('Пишем в документ');
alert("Пишем во вспомогательное окно");
</script>
</body>
</html>
<html>
<body>
<h1> Эта надпись сделана с помощью языка HTML</h1>
<script type="text/javascript">
<!--
document.writeln("<pre>Привет!");
document.writeln("Привет!");
document.writeln("Привет!");
document.writeln("Привет! </pre>");
// -->
</script>
</body>
</html>