10324

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

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

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

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

Русский

2013-03-25

25.94 KB

4 чел.

Лабораторная работа № 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>


 

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

54985. Видоизменение побегов 657 KB
  Методы и приемы: словесный (рассказ с элементами беседы), практический, логический (проведение сравнений корневища, клубня, луковицы); установление общих признаков, организационный – выполнение лабораторной работы.
54986. З початкової школи в основну: проблеми наступності 104 KB
  Перехідний період з початкової школи в основну позначається на всіх учасниках освітнього процесу: учнів педагогів батьків адміністрації школи фахівців психологопедагогічної служби. Скоротити перехідний період пом'якшити пов'язані з ним фактори негативного характеру допомагає педагогічному колективу спеціально розроблена програма Спадкоємність яка створена з метою координації більш ефективної організації навчальновиховного процесу і психологопедагогічного супроводу учнів випускників початкової школи при переході їх в середню...
54987. МУЗИКА ЯК МОВА ПОЧУТТІВ 138 KB
  Мета (для вчителя): збагатити художньо – естетичний досвід школярів, розвивати асоціативне мислення, формувати художньо – естетичні ціннісні орієнтири; стимулювати творче мислення учнів; вчити розрізняти елементи музичної мови, збагатити знання про музику як мову почуттів, поглибити знання про засоби музично виразності в музиці, в живописі, в літературі;...
54988. ПРЯМІ І НЕПРЯМІ ПОДАТКИ 73 KB
  Мета заняття: продовжити знайомство з податками, вивчити види податків: прямі та непрямі; розвинути інтерес до предмету і процесу навчання в цілому. Мета заняття: Освітня - розглянути сутність та види податків.
54989. ПОДАТКОВА СИСТЕМА 50 KB
  Мета заняття: Навчальна: поглибити уявлення про роль податкових методів залучення коштів до Державного бюджету України; сформувати та поглибити знання про сутність функцій, які виконують податки; навчити здійснювати аналіз податків за класифікаційними ознаками;
54990. Подготовка граждан Российской Федерации к военной службе 26.5 KB
  Обязательная подготовка к военной службе осуществляется при проведении военных сборов в ходе которых гражданин получает необходимые знания в области обороны. Что предусматривает добровольная подготовка гражданина к военной службе Добровольная подготовка гражданина к военной службе может включать в себя: занятия военноприкладными видами спорта; овладение военноучетными специальностями; военную подготовку в образовательных учреждениях среднего полного общего образования и в образовательных учреждениях начального и среднего...
54991. Подготовка конспекта урока как форма квалификационного испытания 216 KB
  При проведении предлагается инструкция содержащая цель работы тему урока по которой должен быть составлен конспект критерии оценки. Время предоставляемое на написание конспекта урока составляет 3 часа. Конспект урока должен быть связан с освоением новой темы нового учебного материала.
54992. Потребление и сбережение. Факторы, определяющие уровень и динамику потребления, и сбережения 18.45 KB
  Изменение величины потребления вследствие изменений в доходе называется предельной склонностью к потреблению, т. е. это отношение любого изменения в потреблении к тому изменению в величине дохода, которое привело к изменениям потребления.
54993. Подготовка учителя к уроку истории. Тематическое и поурочное планирование. Определение целей урока 68.5 KB
  Годовой план – расположение учебного материала по четвертям. Чтобы составить годовой план, учитель должен изучить учебную программу, учесть число недель в каждой четверти и число учеников в каждом классе. При составлении годового плана учитель должен предусмотреть определенный резерв времени