рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Размещение JavaScript на HTML-странице

Размещение JavaScript на HTML-странице - раздел Программирование, Анализ методов разработки электронного учебника Код Скрипта Javascript Размещется Непосредственно На Html-Странице. ...

Код скрипта JavaScript размещется непосредственно на HTML-странице.

Пример:

 

<html>

<body>

<br>

Это обычный HTML документ.

<br>

<script language="JavaScript">

document.write("А это JavaScript!")

</script>

<br>

Вновь документ HTML.

</body>

</html>

 

С первого взгляда пример напоминает обычный файл HTML. Единственное новшество здесь - конструкция:

 

<script language="JavaScript">

document.write("А это JavaScript!")

</script>

 

Это код JavaScript. В результате выполнения данного кода в окне броузера будет выведен следующий текст:

 

Это обычный HTML документ.

А это JavaScript!

Вновь документ HTML.

 

Все, что сто Все, что стоит между тэгами <script> и </script>, интерпретируется как код на языке JavaScript. ит между тэгами <script> и </script>, интерпретируется как код на языке JavaScript.

События и обработчики событий являются очень важной частью для программирования на языке JavaScript. События, главным образом, инициируются теми или иными действиями пользователя. Если он щелкает по некоторой кнопке, происходит событие "Click". Если указатель мыши пересекает какую-либо ссылку гипертекста - происходит событие MouseOver. Существует несколько различных типов событий. Мы можем заставить нашу JavaScript-программу реагировать на некоторые из них. И это может быть выполнено с помощью специальных программ обработки событий. Так, в результате щелчка по кнопке может создаваться выпадающее окно. Это означает, что создание окна должно быть реакцией на событие щелка - Click. Программа - обработчик событий, которую мы должны использовать в данном случае, называется onClick. И она сообщает компьютеру, что нужно делать, если произойдет данное событие. Приведенный ниже код представляет простой пример программы обработки события onClick:

 

<form>

<input type="button" value="Click me" onClick="alert('Yo')">

</form>

 

В большинстве на языке JavaScript используются функции. В большинстве случаев функции представляют собой лишь способ связать вместе нескольких команд. Пример: скрипт, печатающий некий текст три раза подряд.

Простой подход:

 

<html>

<script language="JavaScript">

<!-- hide

 

document.write("Добро пожаловать на мою страницу!<br>");

document.write("Это JavaScript!<br>");

 

document.write("Добро пожаловать на мою страницу!<br>");

document.write(Это JavaScript!<br>");

 

document.write("Добро пожаловать на мою страницу!<br>");

document.write("Это JavaScript!<br>");

 

// -->

</script>

</html>

 

И такой скрипт напишет следующий текст

 

Добро пожаловать на мою страницу!

Это JavaScript!

 

три раза. Если посмотреть на исходный код скрипта, то видно, что для получения необходимого результата определенная часть его кода была повторена три раза. Более эффективный скрипт для решения той же самой задачи:

 

<html>

<script language="JavaScript">

<!-- hide

 

function myFunction() {

document.write("Добро пожаловать на мою страницу!<br>");

document.write("Это JavaScript!<br>");

}

 

myFunction();

myFunction();

myFunction();

 

// -->

</script>

</html>

 

В этом скрипте определяется некая функция, состоящая из следующих строк:

 

function myFunction() {

document.write("Добро пожаловать на мою страницу!<br>");

document.write("Это JavaScript!<br>");

}

 

Все команды скрипта, что находятся внутри фигурных скобок - {} - принадлежат функции myFunction (). Это означает, что обе команды document.write() теперь связаны воедино и могут быть выполнены при вызове указанной функции. В примере есть три вызова этой функции - Можно увидеть, строку myFunction() три раза сразу после того, как дали определение самой функции. То естькак раз и сделали три вызова. В свою очередь, это означает, что содержимое этой функции (команды, указанные в фигурных скобках) было выполнено трижды.

Функции могут также использоваться в совместно с процедурами обработки событий. Пример:

 

<html>

<head>

 

<script language="JavaScript">

<!-- hide

 

function calculation() {

var x= 12;

var y= 5;

 

var result= x + y;

 

alert(result);

}

 

// -->

</script>

 

</head>

<body>

 

<form>

<input type="button" value="Calculate" onClick="calculation()">

</form>

 

</body>

</html>

 

При нажатии на кнопку осуществляется вызов функции calculation(). Эта функция выполняет некие вычисления, пользуясь переменными x, y и result. Переменная определяется с помощью ключевого слова var. Переменные могут использоваться для хранения различных величин - чисел, строк текста и т.д. Так строка скрипта var result= x + y; сообщает браузеру о том, что необходимо создать переменную result и поместить туда результат выполнения арифметической операции x + y (т.е. 5 + 12). После этого в переменный result будет размещено число 17. В данном случае команда alert(result) выполняет то же самое, что и alert(17). Тоесть открывается выпадающее окно, в котором написано число 17.

 

 

– Конец работы –

Эта тема принадлежит разделу:

Анализ методов разработки электронного учебника

На сайте allrefs.net читайте: "Анализ методов разработки электронного учебника"

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Размещение JavaScript на HTML-странице

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

WEB- браузеры
Любые категории программных продуктов, будь то браузеры Web, текстовые процессоры, электронные таблицы или графические пакеты, несут в пользо­вательском интерфейсе отпечаток традиций, берущих свое

Microsoft Internet Explorer
Internet Explorer - это не только браузер диалоговой службы Microsoft Network. Можно сказать, что эта программа является исключением среди браузеров, поскольку она может работать с любыми подключен

Netscape Navigator
Популярность браузера Netscape Navigator во всем мире очень велика, он является одним из самых распространенных Web - браузеров. Может быть отчасти потому, что пользователи привыкли работать с его

Язык HTML
HTML (Hypertext Markup Language, язык разметки гипертекста) — это язык компоновки документов и спецификации гиперссылок, используемый для кодиро­вания документов в системе World Wide Web. Средствам

Структура HTML-документа
HTML-документ состоит из текста, который представляет собой содержимое документа, и тегов, которые определяют структуру и внешний вид документа при его отображении броузсром. Структура HTML-докумен

Синтаксис HTML –тегов
Теги HTML-документов в большинстве своем просты для понимания и исполь­зования, ибо они образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. HTML-тег

Язык JavaScript
JavaScript — это развивающийся язык описания сценариев, с помощью которого можно расширять возможности HTML-страниц в системе World Wide Web. Язык JavaScript разрабатывается корпорацией Ne

Архитектуры клиент/сервер
Клиент/сервер - это компьютерная архитектура, в рамках которой процессы-клиенты запрашивают услуги и данные у процессов- серверов. Клиенты и серверы могут сосуществовать в адресном пространстве пам

Программы-расширения серверной части
Трехуровневое архитектурное решение позволяет использовать программы-расширения как для клиентской, так и для серверной частей, что позволяет поддерживать взаимозаменяемость в своих стандартных инт

Программы-расширения серверной части с гибридным CGI
Архитектура с использованием гибридного CGI позволяет сохранить свойственную CGI переносимость при более высоком быстродействии. Гибридный CGI похож на обычный вариант, но программа –расширение сер

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги