Студопедия

КАТЕГОРИИ:

АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Расположение скрипта в HTML-документе

⇐ ПредыдущаяСтр 2 из 10Следующая ⇒

JavaScript – язык программирования, который проистекает из языка Java, но существенно проще его. Язык возник в результате объединения усилий компаний Netscape, создавшей первый вариант языка под названием LiveScript и фирмой Sun, создавшей сам язык Java. Результатом их совместной деятельности и появился новый язык JavaScript, название которого и взято из названий языков-родителей. Название было придумано, следуя исключительно коммерческим интересам, и говорить о четком наследовании языком JavaScript свойств Java не следует.

JavaScript существенно расширяет возможности при разработке web-страниц. Например, с его помощью можно открывать фотографию в отдельном окне без панели инструментов, строки состояния и адреса страницы, что позволяет более рационально использовать площадь экрана монитора.

Код программы JavaScript, как правило, размещается непосредственно в HTML-документах. Его можно записывать в любом месте HTML-страницы. В некоторых случаях целесообразно записать одну часть программы в одном месте (например, в заголовке – элементе <HEAD>), а другую – ниже. Это бывает необходимо, когда сначала описывается функция, а затем в теле HTML-страницы эта функция вызывается. В любом случае текст фрагмента программы заключается в элемент-контейнер <SCRIPT>. Кроме того, для того чтобы скрыть текст программы от старых версий браузера, необходимо заключить этот текст в контейнер – комментарий HTML <!--... ...-->. Но поскольку в языке JavaScript имеется оператор, начинающийся с двойного минуса, необходимо последнюю строку контейнера записать в виде комментария JavaScript: //-->. В итоге все это должно выглядеть следующим образом:

 

<SCRIPT LANGUAGE="JavaScript">

<!-- // Здесь пишется текст программы. //-->

</SCRIPT>

 

Так же код JavaScript можно хранить в отдельных файлах. Определяется файл как источник операторов с помощью атрибута SRC тэга <SCRIPT> следующим образом:

 

<HEAD>

<TITLE></TITLE>

<SCRIPT SRC="MyProg.js">

.....

</SCRIPT>

</HEAD>

<BODY>

 

Внешние файлыJavaScript должны содержать только JavaScript определения функций и операторы, в них не может быть HTML-тэгов.

Понятие функции

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

 

function <имя функции>

(<список аргументов>

{

оператор JavaScript;

оператор JavaScript;

......

оператор JavaScript;

}

 

Использование функций мы рассмотрим на примере открытия окон.

Создание окон в JavaScript

Для создания новых окон используется метод open() объекта window. Формат вызова данного метода имеет следующий вид:

 

window.open(url,<имя>,<параметры>,true|false);

 

Параметры вызова метода имеет следующие значения:

url – строка, определяющая, адрес страницы, которая будет загружена в новое окно;

<имя> – задает имя новому окну;

<параметры> – является строкой, которая определяет отображаемые элементы в новом окне.

true|false – четвертый параметр определяет, заменит ли URL текущий адрес (значение true) в списке или будет добавлен в конец списка (значение false).

При создании нового окна можно задавать отображение тех или иных элементов окна. Значения <параметра>, с помощью которых это выполняется, представлены в таблице:

Таблица 2 – Элементы метода open()

Элемент Значение Описание
directories yes|no, 1|0 Позволяет отобразить либо скрыть строку каталогов
height pixels Указывает начальную высоту окна
left pixels Указывает начальное расстояние между окном браузера и левой границей рабочего стола
location yes|no, 1|0 Позволяет отобразить либо скрыть строку адреса
menubar yes|no, 1|0 Позволяет отобразить либо скрыть строку меню умолчанию
resizable yes|no, 1|0 Определяет, можно ли изменить размеры окна
scrollbars yes|no, 1|0 Позволяет отобразить либо скрыть полосы прокрутки для документа
status yes|no, 1|0 Позволяет отобразить либо скрыть строку состояния
toolbar yes|no, 1|0 Позволяет отобразить либо скрыть панель инструментов
top pixels Указывает начальное расстояние между окном браузера и верхней границей рабочего стола
width pixels Указывает начальную ширину окна браузера

 

Ниже приведен пример кода, который открывает страницу в новом окне размером 400x300 пикселов, которое не имеет ни строки статуса, ни панели инструментов, ни меню:

 

<html>

<head>

<script language="JavaScript">

<!—

 

function OpenWin()

 

{

myWin= open("example.files/example_01.html", "displayWindow", "

height=300, status=no, toolbar=no, menubar=no");

}

//-->

</script>

</head>

<body>

 

<center>

<input type="button"

value="Открыть новое окно"

onClick="OpenWin()">

</center>

 

</body>

</html>

 

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

 

<a href='javascript:OpenWin()'>Открыть новое окно</a>




⇐ Предыдущая12345678910Следующая ⇒






Последнее изменение этой страницы: 2018-05-10; просмотров: 210.

stydopedya.ru не претендует на авторское право материалов, которые вылажены, но предоставляет бесплатный доступ к ним. В случае нарушения авторского права или персональных данных напишите сюда...