- •9.Основные понятия компьютерной графики: Композиция, ее законы и правила.
- •Принципы композиции
- •Правила композиции
- •13. Инструментальные средства создания Web – страниц.
- •14. История развития языка JavaScript.
- •15. Возможности и синтаксис языка JavaScript. Возможности
- •Ограничения
- •16. Расположение сценариев JavaScript.
- •Диалоговые окна в JavaScript
- •18. Переменные и типы данных JavaScript. Переменная
- •17. Общие сведения о языке JavaScript: типы данных, переменные, диалоговые окна, операторы.
15. Возможности и синтаксис языка JavaScript. Возможности
Исходный код на данном языке можно запустить не только в браузере, но и на стороне сервера или из командной строки, однако мы будем рассматривать применение JavaScript для веб-страниц.
Итак, небольшой список того, что позволяет JavaScript:
Добавлять различные эффекты анимации
Реагировать на события - обрабатывать перемещения указателя мыши, нажатие клавиш с клавиатуры
Осуществлять проверку ввода данных в поля формы до отправки на сервер, что в свою очередь снимает дополнительную нагрузку с сервера
Создавать и считывать cookie, извлекать данные о компьютере посетителя
Определять браузер и в зависимости от браузера - загружать нужную страницу, специально предназначенную для этого браузера
Изменять содержимое HTML-элементов, добавлять новые теги, изменять стили
Этим конечно же список не ограничивается, так как помимо всего этого JavaScript позволяет делать и многое другое.
Ограничения
Существуют так же и некоторые ограничения, распространяемые на данный язык:
JavaScript не может закрывать окна и вкладки, которые не были открыты с его помощью
Не может защитить исходный код страницы и запретить копирование текста или изображений со страницы
Не может осуществлять кроссдоменные запросы, получать доступ к веб-страницам, расположенным на другом домене. Даже когда страницы из разных доменов отображаются в одно и тоже время в разных вкладках браузера, то код JavaScript принадлежащий одному домену не будет иметь доступа к информации о веб-странице из другого домена. Это гарантирует безопасность частной информации, которая может быть известна владельцу домена, страница которого открыта в соседней вкладке
Не имеет доступа к файлам, расположенным на компьютере пользователя, и доступа за пределы самой веб-страницы, единственным исключением являются файлы cookie, это небольшие текстовые файлы, которые JavaScript может записывать и считывать
В целом, можно сказать, что он разработан таким образом, чтобы затруднить выполнение вредоносного кода.
16. Расположение сценариев JavaScript.
Javascript-код может быть размещен как на самой странице, так и во внешнем файле. Javascript-код на странице Сценарии, написанные на языке javascript, могут располагаться на самой html-странице между тегами <script></script>, которые в свою очередь обычно находятся в тегах <head></head>. У тега <script> должен быть указан параметрlanguage, который и указывает язык написания скрипта:
<html>
<head>
<title>Заголовок документа</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript"> </script>
</head>
<body>
</body>
</html>
Теоретически
теги <script></script> могут
располагаться и в теле документа (в
тегах <body></body>).
Выполняться такой сценарий будет тогда,
когда браузер "дочитает" страницу
до этого места (до тегов <script></script>).
Использовать такой способ сейчас не
принято.
Javascript-код
во внешнем файле
Создайте
в блокноте страницу (пока пустую) и
сохраните ее как script.js в ту же папку, где
лежит html-страница:
Это будет наша страница с javascript-кодом. Теперь нам надо подключить страницу script.js к html-странице. Для этого, как вы помните, в html существует тег <script>, который и отвечает за подключение внешних файлов скриптов (html - урок 2). Добавим этот тег в html-страницу:
<html>
<head>
<title>Заголовок документа</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
</body>
</html>
