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>


 

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

39524. Процесс проектирования металлических конструкций 1.84 MB
  Подбор сечения затяжки и проверка ее на прочность Наибольшее усилие в затяжке при полной расчетной нагрузке Nз=2137 кН; lз=52 м длина затяжки; Ез=195 ГПа модуль упругости затяжки; Rз=1200 МПа расчетное сопротивление материала затяжки в качестве затяжки принимаем высокопрочные канаты французской фирмы Freyssinet.2 Подбор сечений стержней фермы В качестве материала фермы принята сталь С375 с расчетным сопротивлением стали Ry=365 МПа при толщине в интервале от...
39525. Промышленное и гражданское строительство 369.5 KB
  Методические указания содержат рекомендации по выполнению экономической части дипломных проектов и учитывают особенности определения техникоэкономических показателей строительных конструкций а также сметной стоимости строительства на основе ресурсносметных норм. БНТУ 2006 ВВЕДЕНИЕ Методические указания разработаны для студентов специальности 170 02 01 Промышленное и гражданское строительство и могут быть использованы при расчетах экономической части дипломных проектов а также при курсовом проектировании по дисциплинам...
39526. Разработка стратегии развития и совершенствование нынешней системы стратегического управления СУ-16 2.78 MB
  Если в прошлом многие компании могли весьма успешно функционировать обращая внимание в основном на внутренние проблемы связанные с повышением эффективности использования ресурсов в текущей деятельности то сегодняшнее развитие рыночных отношений делает необходимым изменение сложившихся стереотипов хозяйствования характера управления.Есть ли изменения существенные для фирмы Так туристические и транспортные компании постоянно оценивают динамику цен на топливо. Например реклама коттеджей это тактика строительной компании выбравшей...
39527. Инвестиционный проект предприятия малого бизнеса 7.76 MB
  В настоящее время основными видами деятельности акционерного общества являются производство строительно-монтажных работ, проектно-изыскательские работы, торгово-закупочная деятельность в области жилищного и производственного строительства. Производственная деятельность акционерного общества осуществляется в сотрудничестве с организациями
39528. Разработка предложений по определению размера убытков, связанных с изъятием земельных участков 3.85 MB
  Областью возможного практического применения является использование разработанных предложений по определению размера убытков, связанных с изъятием земельных участков при выполнении изъятия земельных участков в Республике Беларусь.
39529. Технологическое обеспечение процесса заточки круглых протяжек 19.62 MB
  Передний угол является важным параметром при выборе диаметра шлифовального круга и угла наклона его относительно оси протяжки.1 но вследствие подъёма на зуб от черновых зубьев к калибрующим зубьям все больше удаляется от оси протяжки и это изменение должно учитываться при входе шлифовального круга в стружечную канавку при заточке протяжки в автоматическом цикле. при позиционировании имеют место: вертикальные смещения шлифовальной головки и упорки от привода колоны деление подъёма на зуб горизонтальные перемещения протяжки от привода...
39530. ЦИФРОВАЯ ФОТОГРАФИЯ 6.06 MB
  Историкокультурные предпосылки возникновения фотографии и становления фотоискусства c середины до конца XIX в.2 Эволюция искусства фотографии в ХХ веке17 РАЗДЕЛ 2.2 Современные направления в фотографии30 2. Новые тенденции и особенности актуальной японской фотографии.
39531. Информационные технологии. Формы и способы представления данных 1.02 MB
  Формы и способы представления данных. Информация это интерпретация данных. 2 способа представления данных: в текстовом и числовом виде Текстовые данные воспринимаются передающими системами как текст записанный на какомлибо языке. Информационная технология это система методов и способов сбора накопления хранения поиска обработки анализа выдачи данных информации и знаний на основе применения аппаратных и программных средств в соответствии с требованиями предъявляемыми пользователями.
39532. Математическое моделирование 282.2 KB
  Для оценки эффективности проекта срок окупаемости с учетом дисконтирования следует сопоставлять со сроком реализации проекта длительностью расчетного периода. Норма дисконта определяется каждым участником проекта самостоятельно. Для эффективности проекта необходимо чтобы его ЧДД был положительным. Если ЧДД = 0 то проект находится на грани между эффективным и неэффективным что требует не отказа от проекта а более внимательного рассмотрения исходных данных заложенных в расчет эффективности.