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>


 

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

33197. Характеристика слабослышащих детей 14.71 KB
  Возникновение тугоухости после сформирования речи не ограничивает дальнейшего достаточно интенсивного ее развития не смотря на её недостатки: относительная бедность словарного запаса сочетается с неправильным усвоением и употреблением понятий. Характерные отклонения в устной речи отражаются и на письменной. На степень сохранности речи влияют время наступления глухоты условия развития и роста ребенка уровень остаточного слуха и качество работы по развитию речи ребенка. Без специального воспитания дети потерявшие слух в 45 лет к поступлению...
33198. ПРОБЛЕМА КОМПЕНСАЦИИ ГЛУХОТЫ 14.85 KB
  Компенсация – это возмещение недоразвитых или нарушенных психических функций путем использования сохранных или перестройки частично нарушенных функций. При компенсации психических функций возможно вовлечение в ее реализацию новых структур которые раньше не участвовали в осуществлении данных функций или выполняли при этом другую роль. Второй тип межсистемная компенсация которая осуществляется путем перестройки функциональных систем и включения в работу новых элементов из других структур выполнения ими несвойственных ранее функций....
33199. Закономерности психического развития детей с нарушением слуха 14.53 KB
  Общие закономерности: Закономерность соотношения биологических и социальных факторов в процессе психического развития ребенка. Процесс перехода от одной стадии психического развития к другой предполагает глубокое преобразование всех структурных компонентов психики. Неравномерность психического развития.
33200. МЕТОДЫ ИССЛЕДОВАНИЯ СЛУХА 19.41 KB
  Исследование нарушения слуха затруднено тем что: Ребенок не жалуется на отсутствие слуха. Родители не замечают отсутствие слуха и не принимают эффективных мер. Отсутствие унифицированных методов позволяющих получить достоверные сведения о снижении слуха в детском возрасте.
33201. Особенности зрительного восприятия детей с нарушением слуха 14.16 KB
  Особенности зрительного восприятия детей с нарушением слуха. Это связано с менее подробным анализом и синтезом предметов в прошлом опыте с замедленным формированием произвольности процесса восприятия. Для точного восприятия формы предмета важно выделить его контур. Особенности развития осмысленности восприятия отчетливо проявляются при анализе изображений и картин.
33202. Особенности двигательных ощущений. Осязание глухих и слабослышащих 15.25 KB
  Многие дети имеющие нарушения слуха отстают от нормально слышащих по развитию движений. На протяжении всего дошкольного возраста сохраняется некоторая неустойчивость трудность сохранения статичного и динамичного равновесия недостаточно точная координация неуверенность движений и относительно низкий уровень развития пространственной ориентировки. У большинства имеется отставание в развитии мелких движений пальцев рук артикуляционного аппарата. Замедленная по сравнению со слышащими скорость выполнения отдельных движений влияет на темп...
33203. Кожные ощущения и восприятия 13.83 KB
  Возникают при непосредственном контакте предмета с кожей подразделяются на 4 вида: тактильные вибрационные температурные и болевые. Наибольшее значение для компенсации слуха имеют вибрационные т. Вибрационные ощущения возникают при воздействии меньшей силы чем слуховые. Для того чтобы вибрационные ощущения смогли использовать как средство познания для детей необходимо проводить специальную работу.
33204. Особенности развития внимания 15.43 KB
  Устойчивость внимания с возрастом меняется. Для детей с нарушениями слуха характерно более позднее становление высшей формы внимания т. произвольного и опосредствованного что обусловлено более поздним формированием умений использовать средства организации внимания управление им а также отставанием в развитии речи способствующей организации и управлению собственным поведением.
33205. Память как хранитель информации 15.52 KB
  Глухие дети раньше познают в объектах специфическое чем особое и общее отмечают несущественные детали в ущерб главным но менее заметным. Значительно больше глухие отстают в запоминании слов обозначающие звуковые явления. Глухие запоминают больше слов обозначающих качество предметов воспринимаемых тактильно. Часто глухие школьники заменяют слова глаголы из области слуховых представлений словами глаголами связанными со зрительной вибрационной и тактильной сферами.