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>


 

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

44642. Рассказ Ю. Ермолаева «Два пирожных» 54 KB
  У вас было составление продолжения рассказа Анна не грусти давайте заслушаем то что у вас получилось. Слушайте внимательно после я попрошу одного из учеников выйти к доске и рассказать об авторе. Первая книга его рассказов увидела свет в 1960 году. Ермолаев Юрий Иванович писал не только рассказы.
44643. Очистка нефтяных фракций селективными растворителями в экстракторе периодического действия 16.81 KB
  В результате селективной очистки существенно улучшаются два важнейших эксплуатационных свойства масел: стабильность против окисления и вязкостно-температурные свойства.
44644. Художественное моделирование из бумаги. Оригами по спирали 20.31 KB
  Цель: формирование практических навыков по выполнению оригами по спирали Задачи: 1.образовательные: Познакомить с технологией оригами по спирали развивающие: развивать логическое мышление развивать творческое воображение; воспитательные: воспитывать трудолюбие аккуратность дисциплинированность Оборудование: Для учителя: наглядный материалаппликация Для учащихся: нитки карандаш ножницы клей картон Оформление...
44645. Собственные и нарицательные имена существительные. Заглавная буква в именах существительных 19.77 KB
  Кто может еще что то добавить к этому правилу Потренируемся каждый из вас назовет свое собственное имя и так же нарицательное. пример: я учительница Бякова Наталья Сергеевна учительница нарицательное Бякова Наталья Сергеевна собственное я студентка нарицательное Наташа собственное. Нарицательных имен у вас может быть несколько но запомните собственное не изменно. подобрать собственное имя.
44646. Собственные и нарицательные имена существительные 21.1 KB
  Орг момент Отгадаем ребус: отец Какие орфограммы встречаются в этом слове Можем ли мы ее проверить Значит это слово словарное. на какие вопросы оно отвечает на какие две большие группы мы можем поделить и. сущ Как отличить Еще на какие чем они отличаются Какие группы слов мы пишем с заглавной буквы фронтальный опрос и. Прочитай1 ученик устно какие группы слов могут быть собственными.
44648. Имена существительные - названия явлений природы и качеств людей 20.63 KB
  Имена существительные названия явлений природы и качеств людей. Тип урока: комбинированный ФОУД: фронтальная индивидуальная групповая Дидактическая цель: создать условия для систематизации знаний учащихся по теме Имя существительное Задачи: 1.Образовательные: познакомиться с лексическим значением групп существительных; находить отличительные особенности групп; учиться использовать их в своей речи; 2. О какой части речи это стихотворение Что такое имя существительное им.
44649. Единственное и множественное число имен существительных 19.43 KB
  Образовательные: систематизировать и углубить знания об именах существительных единственного и множественного числа; учить находить имена существительные единственного и множественно числа в тексте и подбирать их самостоятельно; учить классифицировать имена существительные единственного и множественного числа; отрабатывать умения изменять имена существительные по числам. Даны существительные в единственном числе преобразовать в существительные множественного числа. Даны существительные во множественном числе преобразовать в...
44650. Итоговый конспект урока. Единственное и множественное число имен существительных 19.98 KB
  Минутка чистописания: пропишем ее три раза 1 человек у доски 1 букву с комментированием пропишем соединение буквы т с буквой о в тетради 3 раза1 человек на доске с комментированием запишем все словарное слово в н. мн ед ч по смыслу умения находить слова мн ед ч и правильно определят чила имен сущ. доске записаны слова сосны с_сна хлеба хле_ грибы гри_ травы тр_ва горы г_ра Что заметили По какому признаку слова записаны в два столбика Запишем первое слово из второго столбика1ч к доске ост. Как мы ее можем проверить С...