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>


 

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

56249. МЫ ТАКИЕ РАЗНЫЕ 79 KB
  Появляются веселые дети. Лучше придумаем мы какую-нибудь веселую историю А лучше сказку расскажем чтобы совсем не страшно было Например я очень люблю сказку Курочка ряба Вот ее то мы вам и покажем...
56250. Сценарий открытого урока в средней школе «День учителя» 32.5 KB
  Здравствуйте дети Сегодня 5 октября все учителя отмечают свой профессиональный праздник День учителя И мы ученики старших классов в этот прекрасный день решили сделать им подарок.
56251. Сценарий урока английского языка по теме "Holidays" ("Праздники") 61 KB
  Ведущая идея занятия: Актуализировать, дополнить и совершенствовать произносительные, лексические и грамматические знания по разговорной теме “Holidays”; совершенствовать лексико-грамматичсекие навыки диалогической речи.
56254. Домики, которые построила природа 29.5 KB
  Формировать УУД: универсальные учебные действия УУД Личностные УУД: радость общения красотой окружающего мира формирование навыков работы материалами умение использовать цвет для достижения своего замысла; повышение культуры речевого общения развитие способностей к творческому самовыражению.
56255. Виховний захід Студенти - це такий народ 49.5 KB
  Життя продовжується а студентське життя прекрасне Облич подій знайомих коло перед очима постає Ти прожив із нами коледж іще одне життя своє. Відомий французький письменник Віктор Гюго говорив: Життяквітка кохання мед із неї А американський письменник Теодор Драйзер писав: У коханні головне несподівано зявитися і вчасно зникнути Ви хлопці такі не романтичні не можете мислити як поети. А я думаю що любов до себе рідного от той казковий роман який триває все життя. Це життя.
56256. Внедрение здоровьесберегающих технологий в семье 116 KB
  Здоровье детей катастрофически падает и мы вправе поставить вопрос: Что для нас важнее их физическое состояние или обучение Ещё А. А что происходит в нашей школе сегодня В последние годы наблюдается значительное ухудшение здоровья населения Украины...
56257. ИНФОРМАЦИОННЫЕ И АНАЛИТИЧЕСКИЕ ЖАНРЫ РАДИОЖУРНАЛИСТИКИ 1 MB
  В передачах же, ставящих своей целью эмоциональную подачу материала, стоящих где-то на грани между радиоинформацией и радиоисследованием, необходимо говорить о публицистическом методе. Этот метод, как известно, охватывает основные элементы радиожурналистики...