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>


 

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

32188. Структура ИПБ России 24.5 KB
  в РФ было создано некоммерческое партнерство Институт профессиональных бухгалтеров России ИПБ России учредителями которого являются ведущие высшие учебные научные и общественные организации. Активное участие в создании и деятельности ИПБ России принимает Министерство финансов РФ. ИПБ создает филиалы и открывает представительства.
32189. Способы фиксации результатов осмотров места происшествия 34 KB
  Способы фиксации результатов осмотров места происшествия. Осмотр места происшествия – это неотложное следственное действие заключающееся в непосредственном восприятии исследовании и фиксации следователем обстановки места происшествия относящихся к делу следов и объектов их индивидуальных особенностей и взаимосвязей в целях выяснения сущности происшедшего события механизма преступления и отдельных обстоятельств имеющих значение для правильного разрешения дела. Осмотр места происшествия как часть процесса расследования связан не только с...
32190. Тактические особенности производства обыска помещений 30 KB
  Тактические особенности производства обыска помещений. При производстве обыска основное тактическое правило внезапность. На подготовительном этапе следователь должен принять все необходимые меры для обеспечения внезапности обыска исключить возможности утечки информации о предполагаемом обыске. Исходя из соображений внезапности и конфиденциальности данный вопрос решается следователем как правило уже по прибытии на место обыска.
32191. Тактические особенности допроса несовершеннолетнего обвиняемого 27.5 KB
  Тактика допроса несовершеннолетних в значительной степени обусловлена особенностями их психики повышенной внушаемостью и самовнушаемостью склонностью к фантазированию высокой эмоциональностью неустойчивостью поведения и др. Наоборот на несовершеннолетних в возрасте 15 17 лет официальная обстановка места допроса оказывает положительное влияние: проникаясь чувством ответственности они скорее скажут правду. Ложные показания несовершеннолетних в возрасте до 14 лет помимо сознательного отказа говорить правду могут объясняться самовнушением...
32192. Понятие предъявления для опознания. Его виды 27 KB
  Понятие предъявления для опознания. Предъявление для опознания – следственное действие осуществляемое в регламентируемом уголовнопроцессуальным законом порядке и состоящее в том что свидетель потерпевший подозреваемый или обвиняемый обозревает предъявленные ему сходные объекты мысленно сопоставляет их признаки с запечатленным в его памяти образом и решает вопрос о наличии или отсутствии тождества либо групповой принадлежности. Суть опознания объекта состоит в его идентификации по чувственноконкретному отображению сохранившемуся в...
32193. Тактические особенности допроса несовершеннолетнего свидетеля 28.5 KB
  Тактические особенности допроса несовершеннолетнего свидетеля. Тактика допроса несовершеннолетнего строится с учетом его возрастных особенностей. При подготовке к допросу необходимо получить сведения об уровне развития несовершеннолетнего его интересах склонностях привычках своеобразии семейной микросреды взаимоотношениях с лицом в отношении которого будет проводиться допрос. Эти лица должны быть предупреждены о недопустимости какихлибо подсказок наводящих вопросов назидательного тона раздражения в отношении несовершеннолетнего.
32194. Тактические основы проверки показаний на месте 30.5 KB
  Тактические основы проверки показаний на месте. Проверка показаний на месте должна быть организована проведена а ее результаты зафиксированы так чтобы впоследствии не возникло сомнений в объективности производства этого следственного действия. При проверке показаний нескольких лиц проверка производится с каждым из них по отдельности и так чтобы они не могли общаться друг с другом и особенно с лицами чьи показания на месте уже проверены. Понятым нужно разъяснить сущность следственного действия и объяснить что они должны не просто...
32195. Тактика задержания и личного обыска 33 KB
  Тактика задержания и личного обыска Задержание это неотложное следственное действие с целью захватить лицо подозреваемое в совершении преступления доставить и водворить в изолятор временного содержания. Подготовка к задержанию и аресту включает в себя: 1 изучение лица подлежащего задержанию и аресту; 2 определение времени и места задержания; 3 решение вопроса о количественном и персональном составе группы задержания; 4 определение обязанностей участников задержания какие действия и в какой последовательности им надлежит совершать до...
32196. Особенности предъявления для опознания трупов 28.5 KB
  Особенности предъявления для опознания трупов Трупы предъявляются для опознания в тех случаях когда нет возможности установить личность умершего по документам либо когда внешность трупа значительно изменена. При обнаружении такого трупа прежде всего устанавливают кто из жителей данной местности региона города поселка деревни пропал без вести. Раздельное предъявление трупа и предметов находившихся при нем одежда очки дипломат трость часы и т. позволяют точнее соблюсти норму закона о порядке предъявления каждого из объектов...