1 Учебный курс Введение в JavaScript и CGI Лекция 1 Введение в JavaScript кандидат технических наук Павел Брониславович Храмцов paul@kiae.su.

Презентация:



Advertisements
Похожие презентации
Введение в JavaScript. Общие сведения Web, как гипертекстовую систему, можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых.
Advertisements

1 Учебный курс Введение в JavaScript и CGI Лекция 3 Программирование форм и графики кандидат технических наук Павел Брониславович Храмцов
Учебный курс Введение в HTML и CSS Лекция 6 Текст и списки. Позиционирование кандидат технических наук Павел Брониславович Храмцов
Открытое занятие по дисциплине «Web-программирование»
Объектная модель DOM javascript. Иерархия классов.
Объектная модель документа. Динамический HTML Делает страницу интерактивной Вместо дополнительных запросов к серверу на действия пользователя реагирует.
Объектная модель документа. Динамический HTML Делает страницу интерактивной Вместо дополнительных запросов к серверу на действия пользователя реагирует.
Язык JavaScript Скриптовый язык для выполнения на html-страницах.
JavaScript Лекция 8. JavaScript JavaScript - новый язык для составления скриптов, разработанный фирмой Netscape. С помощью JavaScript можно легко создавать.
Практикум по программированию на JavaScript. Сценарий document.write (" Это красный текст ") Результат работы сценария Это красный текст С помощью DOCUMENT.
Я создаю сайт. Соединение страниц Web-сайта Подготовила учитель информатики Рыжанкова С.В.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
СИНТАКСИС И УПРАВЛЯЮЩИЕ КОНСТРУКЦИИ JAVASCRIPT. Вставка скрипта. 1. В коде HTML-страницы … 2. Внешний файл.
JavaScript Особенности работы с окнами window.open(URL, имя_окна, особенности_окна); // или self.open(URL, имя_окна, особенности_окна);
Богданов Марат Робертович Современные веб-технологии. Подробный курс Введение в язык программирования JavaScript.
Использование средств MS Office для создания электронного учебника.
ВІДДІЛЕННЯ КОМПЮТЕРНИХ НАУК СЕКЦІЯ МУЛЬТИМЕДІЙНІ СИСТЕМИ, НАВЧАЛЬНІ ТА ІГРОВІ ПРОГРАМИ Розробка web-сайту на основі HTML з використанням JavaScript Виконав.
Ненавязчивый Unobtrusive JavaScript Сергеев Алексей «Открытые Веб-Технологии»
Разгони свой сайт Лекция 7: «Ненавязчивый» JavaScript Мациевский Николай 1 / 22 webo.in.
Лекция 3. Тема «СТРУКТУРА HTML-ДОКУМЕНТА». 1.История развития HTML 2.Принципы гипертекстовой разметки 3.Группы тэгов 4.Структура HTML-документа 5.Элементы.
Транксрипт:

1 Учебный курс Введение в JavaScript и CGI Лекция 1 Введение в JavaScript кандидат технических наук Павел Брониславович Храмцов

2 Объекты документа Графический объект Массив графических ссылок Мобильный код

3 Объекты Свойства kuku document.links[0].href="kuku1.htm"; Методы id=window.open("","example","width=400,height=150"); События

4 Пример 1 Вид если нажать на «help»Вид если нажать на «top»

5 Методы function hello() { id=window.open("","example","width=400,height=150"); id.focus(); id.document.open(); id.document.write(" Hello JavaScript "); id.document.write(" "); id.document.write(" "); id.document.close(); }

6 Пример 2

7 События

8 Размещение кода JavaScript на HTML странице Гипертекстовая ссылка (схема URL) Обработчик события (handler) Подстановка (Entity) Элемент разметки Script

9 Схема URL... Внимание!!! при нажатии на гипертекстовую ссылку Внимание!!! можно получить окно предупреждения:

10 Схема URL

11 Пример 3 До нажатия на кнопку ClickПосле нажатия на кнопку Click

12 Обработчик событий

13 Обработчик событий Привет Пошел вон

14 Подстановки function l() { str = window.location.href; return(str.length); }

15 Вставка (контейнер SCRIPT) ... Тело документа...

16 Вставка (контейнер SCRIPT) function time_scroll() { d = new Date(); window.status = d.getHousrs()+":"+d.getMinutes()+":"+d.getSconds(); setTimeout('time_scroll();';500); } Часы в строке статуса

17 Вставка (контейнер SCRIPT)