10324

Javacript является интерпретируемым языком для документов HTML

Лабораторная работа

Исторические личности и представители мировой культуры

Лабораторная работа № 8. Javacript является интерпретируемым языком для документов HTML разработанным фирмой Netscape в сотрудничестве с Sun Mucrosystems. Сценарии scripts выполняются в результате наступления какихлибо событий инициированных действиями пользователя. Программы JavaScript...

Русский

2013-03-25

25.94 KB

5 чел.

Лабораторная работа № 8.

Javacript является интерпретируемым языком для документов HTML, разработанным фирмой Netscape в сотрудничестве с Sun Mucrosystems. Сценарии (scripts) выполняются в результате наступления каких-либо событий, инициированных действиями пользователя.

Программы JavaScript могут работать только внутри браузера.

Хэшами называются ассоциативные массивы.

Элементы хэша состоят из двух частей - ключа и значения. Ключ идентифицирует элемент хэша, а значение содержит данные, связанные с этим ключом. Такая взаимосвязь называется "пара ключ - значение".

           var hash = {group: "lamers"} или

            var hash = new Object();

        hash.group = "lamers"

                

            var element = hash.group; или var element = hash['group'];

Объект представляет собой обычный ассоциативный массив или, иначе говоря, "хэш" и имеет несколько стандартных методов. Добавление метода в объект - просто присвоение функции каокому-либо свойству.

            var obj = new Object() или

   var obj = {}

            

                Есть два способа добавления свойств в объект:

                

              obj.group    = "lamers" или

   obj["group"] = "lamers"

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

 sum = 1 + 5   - бинарный оператор;

 counter++      - унарный оператор.

Вы можете вставлять кавычки внутри строки, предшествуя им наклонной чертой влево. Это известно как выход кавычек. Например:

 document.write("\\"Меньше знаешь - крепче спишь!"\\")

Можно указывать юникодные символы через \uXXXX:

 * - "звездочка" = \u002a

Идентификатор в JavaScript обязан начинаться с латинской буквы, символа подчёркивания/underscore (_) или знака доллара ($); последующие символы имени могут также быть цифрами (0-9).

Поскольку JavaScript различает регистр символов, могут использоваться буквы
от "A" до "Z" (верхний регистр) и от "a" до "z" (нижний регистр).

Арифметические операции

a + b

Сложение

Возвращает сумму двух операндов.

a - b

Вычитание

Возвращает разность от вычитания правого операнда из левого.

a * b

Умножение

Возвращает произведение двух операндов.

a / b

Деление

Возвращает частное от деления левого операнда на правый.

a % b

Остаток по модулю

Возвращает целый остаток от деления левого операнда на правый. Плавающие числа перед операцией округляются до целых.

++

Инкремент

Унарная операция. Увеличивает значение переменной на 1. Если используется как префикс (++a), возвращает значение операнда после увеличения его на 1. Если используется как постфикс (a++), возвращает значение операнда перед увеличением его на 1.

--

Декремент

Унарная операция. Уменьшает значение переменной на 1. Если используется как префикс (--a), возвращает значение операнда после уменьшения его на 1. Если используется как постфикс (a--), возвращает значение операнда перед уменьшением его на 1.

-a

Смена знака

Унарная операция. Возвращает арифметическое отрицание операнда.

Операции сравнения

a < b

Меньше

Возвращает true, если левый операнд меньше, чем правый операнд (желательно воздержаться от применения).

a > b

Больше

Возвращает true, если левый операнд больше, чем правый операнд.

a <= b

Не больше

Возвращает true, если левый операнд меньше или равен правому операнду.

a => b

Не меньше

Возвращает true, если левый операнд больше или равен правому операнду.

a == b

Равно

Возвращает true, если левый операнд равен правому операнду.

a != b

Не равно

Возвращает true, если левый операнд не равен правому операнду.

a === b

Тождественно

Возвращает true, если левый операнд тождественно равен правому операнду.

a !== b

Не тождественно

Возвращает true, если левый операнд тождественно не равен правому операнду.

Файл data.html

<html>

<head>

<script language="JavaScript">

<!--

function myDate()

{

var date = new Date();

var month = date.getMonth()+1;

var dom = date.getDate();

var year = date.getFullYear();

if ( dom <10 ) dom = "0" + dom;

if ( month <10 ) month = "0" + month;

document.write(dom + " : " + month + " : " + year);

}

// -->

</script>

</head>

<body>

<script language="JavaScript">

<!--

myDate();

// -->

</script>

</body>

</html>

Пока мы не знакомы с программированием на JavaScript,

можно скопировать себе на страницу следущее (каждый скрипт в свой файл):

<a href ="url"

onmouseover = "document.pos.src = 'knop1.gif'"

onmouseout  = "document.pos.src = 'knop2.gif'"

onclick = "return false">

<img name = "pos" src = "knop1.gif">

</a>

Здесь:

url   - адрес Web-страницы на которую нужно перейти.

knop1 - имя первой кнопки.

knop2 - имя второй кнопки.

<script language="JavaScript">

var fl = 1;

function change(element)

{

if (fl > 0 )element.src = "knop2.gif";

else element.src = "knop1.gif";

fl = -fl;

}

</script>

<img src="knop1.gif" onclick = "change(this);" />

<style type="text/css">

#run{ position:relative; left:0px; top:0px; }

</style>

<script language="JavaScript">

function pos(posX, posY)

{

document.getElementById('run').style.marginLeft = posX+"px";

document.getElementById('run').style.top  = posY+"px";

}

</script>

<div id="run"><a href="" onclick="return false" onmouseover="pos(200,0); return false">

<img src="knop1.gif" /></a>

</div>

или:

<img src="knop1.gif" onmouseover="pos(this, 200);" />

function pos(e, posX)

{

e.style.marginLeft = posX+"px";

}

<style type="text/css">

#mytype{

border:2px #8989FF solid;

width:100px;

text-decoration:none;

padding:10px;

display:block;

color:navy

}

</style>

<script language="JavaScript">

d=document;

function myType(type)

{

d.getElementById('mytype').innerHTML = type;

}

</script>

<a id="mytype" href =""

onmouseover = "myType('СДЕЛАТЬ')"

onmouseout  = "myType('КАК ТАК')"

onclick = "return false">КАК ТАK</a>

Файл slideshow.html

<html>

<head>

<style type="text/css">

a, a:visited{ color:#008; font-weight:bold; margin: 0 30px; text-decoration:none; }

</style>

<script language="JavaScript">

var arr = new Array ("beach.jpg","tai.jpg","water.jpg","dolph.jpg","couple.jpg");

var im = new Array();

var num = 0;

var FL  = 1;

var d = document;

function myLoad()

{

var dir = "picts/";

var i=0;

while( i < arr.length)

{

im[i] = new Image();

im[i].src = dir+arr[i];

i++;

}

}

function vpered()

{

if(FL<0){setTimeout("vpered()", 1200)}else return

tuda()

}

function tuda()

{

if(++num >= im.length ) num = 0;

d.myImg.src = im[num].src

}

function suda()

{

FL=1;

d.getElementById('assa').style.backgroundColor =  "#fff "

if(num <= 0 ) num = im.length;

d.myImg.src = im[--num].src

}

function slaid(bg)

{

FL=-FL;

if(FL<0){d.getElementById(bg).style.backgroundColor =  "green "}

else {d.getElementById(bg).style.backgroundColor =  "#fff "}

vpered();

}

</script>

</head>

<body onload="myLoad()">

<img name="myImg" src="picts/beach.jpg" />

<br />

<a href="" onclick="suda(); return false;" ondblclick="suda(); return false;">Сюда</a>

<a id="assa" href="" onclick="slaid(this); return false;">Слайдшоу</a>

<a href="" onclick="tuda(); return false;" ondblclick="tuda(); return false;">Туда</a>

</body>

</html>


 

А также другие работы, которые могут Вас заинтересовать

74834. Повести о татарском нашествии. «Повесть о битве на реке Калке» (1223 г.), «Повесть о приходе Батыя на Рязань» (1237 г.) – воинские повести 20.59 KB
  Повесть о битве на реке Калке. Первое столкновение русских войск с кочевниками произошло в 1223 г. на реке Калке (Кальмиус). Летописная повесть об этой битве дошла до нас в двух редакциях. Повесть обстоятельно излагает ход событий. Весть о появлении языка незнаемого (неизвестного народа) принесли в Киев половцы, с которыми первыми столкнулись отряды степных кочевников, шедшие с Кавказа под руководством нойонов (воевод) Чингиза Джебе и Сабутэ
74835. Слово о погибели Русской земли. Гражданский патриотический пафос памятника. Народно-поэтическая стилистика 16.22 KB
  Событиями монголотатарского нашествия очевидно порождено и такое выдающееся поэтическое произведение как Слово о погибели Русской земли впервые обнаруженное только в конце 70х годов прошлого века К. Слово о погибели Русской земли исполнено высокого гражданского патриотического звучания. В центре образ Русской земли светлосветлой и украсноукрашеной.
74836. Житие Александра Невского. Идея защиты родины. Образ Александра Невского – полководца и государственного деятеля 17.73 KB
  Образ Александра Невского полководца и государственного деятеля. Житие Александра Невского написанное вскоре после смерти князя ум. Основу жития Александра Невского составляют две воинские повести о битве на Неве и на Чудском озере.
74837. Летописные повести о Куликовской битве: «Задонщина», «Сказание о Мамаевом побоище», общность идейной направленности повестей 18.15 KB
  Большинством исследователей это объясняется зависимостью Сказания. Текстуальные же совпадения между пространной летописной повестью и Сказанием ο Мамаевом побоище столь малочисленны и имеют такой характер что у нас отнюдь не меньше оснований предполагать обратную зависимость а именно зависимость пространной летописной повести от Сказания. Стремясь нарисовать идеальный образ великого князя московского автор Сказания. Для того чтобы подчеркнуть силу и общерусское значение великого князя московского автор Сказания.
74838. Житие Сергия Радонежского. Общая характеристика агиографического творчества Пахомия Лагофета 16.33 KB
  Епифаний создал Житие Сергия Радонежского. Епифаний хорошо передает факты биографии Сергия с лирической теплотой говорит о его деятельности связанной с борьбой против ненавистной розни за укрепление централизованного Русского государства. О роли Сергия Радонежского и Стефана Пермского в политическом и нравственном возрождении Русской земли говорил В.
74839. Повесть о взятии Царьграда Нестора – Искандера. Историко-философское осмысление событий в повести 15.23 KB
  Повесть содержит описание истории Константинополя с момента его основания, но особенно подробно рассказывается об осаде византийской столицы турками и ее взятии. Хотя в “Повести” содержится немало достоверных сведений, в целом она все же чисто литературное произведение, а не документальная хроника. Некоторые эффектные сюжетные коллизии оказываются вымыслом: так, в Константинополе во время осады не было патриарха
74840. Хождение за три моря тверского купца Афанасия Никитина 17.94 KB
  Хождение за три моря Афанасия Никитина. является Хождение за три моря тверского купца Афанасия Никитина помещенное под 1475 г. Да станет Русская земля благоустроенной и да будет в ней справедливость Православная вера является для Никитина символом родины.
74841. Памятник Муромо-Рязанской литературы – «Повесть о Петре и Февронии» Поэтичность, демократизм повести. Образ крестьянки Февронии 17.58 KB
  Герои повести — исторические лица: Петр и Феврония княжили в Муроме в начале XIII века, они умерли в 1228 г. Однако в повести историчны только имена, вокруг которых был создан ряд народных легенд, составивших основу сюжета повести. Как указывает М. О. Скрипиль, в повести объединены два народнопоэтических сюжета: волшебной сказки об огненном змее и сказки о мудрой деве.
74842. Домострой – книга, утвердившая нормы семейной жизни 15.89 KB
  Следует отнести также Домострой составление которого приписывается благовещенскому попу Сильвестру входившему в Избранную раду. Домострой регламентировал поведение человека как в государственной так и в семейной жизни.