Партнерка на США и Канаду по недвижимости, выплаты в крипто

  • 30% recurring commission
  • Выплаты в USDT
  • Вывод каждую неделю
  • Комиссия до 5 лет за каждого referral

<HEAD>

<TITLE> Приклад</TITLE>

<STYLE TYPE="text/css">

<!--

BODY { background-color:blue;

color: yellow;

font-family:"Times New Roman", serif;

margin:;}

A:link {color: red;}

A:visited {colonblue;}

A:active {color:green;}

A: hover {color:yellow; }

-->

</STYLE>

</HEAD>

<BODY>

<H1> Приклад використання CSS </H1>

<A HREF=http://адреса сайту > ДАКККіМ</А>

</BОDY>

</HTML>

Контрольні запитання

1. Основні відмінності у вбудовуванні, впровадженні та зв'язуванні стилів.

2. Поняття “правило”, “селектор”, “визначення”.

3. Застосування фільтрів.

4. Абсолютне й відносне позиціонування елементів Web-документа.

Практичне заняття №7

Комп'ютерне моделювання засобами мови JavaScript

Мета заняття – набути уміння створення сценаріїв мовою JavaScript та застосовувати їх до Web-документів.

Короткі теоретичні положення

JavaScript – це мова сценаріїв для HTML-документів, розроблена компанією Netscape для створення інтерактивних HTML-документів. Сценарії виконуються як реакція на певну подію, що скоєна користувачем.

Сценарій (script) – це одна або декілька команд JavaScript, що розміщені у дескрипторі <SCRIPT>...</SCRIPT>.

Мова JavaScript дає можливість писати програми і безпосередньо їх вбудовувати в HTML-документи. Ці програми інтерпретуються браузером у міру відображення частини документа в його вікні. Застосування JavaScript не потребує додаткового програмного забезпечення, підтримка цієї мови вбудована в браузери.

НЕ нашли? Не то? Что вы ищете?

Як зазначалося, синтаксис JavaScript дуже подібний до синтаксису Java, у свою чергу запозичений у мови C++. Сценарій на JavaScript є набором операторів, які поміщені безпосередньо в текст HTML-файла та послідовно інтерпретуються вбудованим в браузер інтерпретатором.

В одному рядку можна записати кілька операторів. У цьому випадку вони відокремлюються між собою знаком «;». Якщо кожен оператор розміщувати в окремому рядку, то не обов'язково їх відокремлювати між собою знаком «;». Будь-який оператор можна розмістити в декількох рядках, не використовуючи символів продовження. Рядкові літери повинні розміщуватись в одному рядку тексту програми. Якщо літерний рядок займає декілька рядків програми, то для з'єднання його частин слід використовувати оператор конкатенації.

У програмах можна використовувати коментарі. Будь-яка послідовність символів, яка йде в рядку після «//», розглядається як коментар. Коментарі можуть обмежуватися також символами «/*» і «*/»■ В останньому випадку коментар може займати і кілька рядків.

Зазначимо, що мова JavaScript “чутлива” до регістру, тобто символи верхнього й нижнього регістрів розрізняються.

Програми-сценарії розташовуються на HTML-сторінках всередині дескриптора-контейнера <SCRIPT>...</SCRIPT>. Для того, щоб “приховати” код програми від браузерів, які не підтримують мови JavaScript, текст програми помішується в дескриптор коментаря <! --.-->, наприклад:

<SCRIPT LANGUAGE="JavaScript">

<!--

Alert ("Перша програма JavaScript");

//виведення на екран повідомлення//-->

</SCRIPT>

Атрибут LANGUAGE можна опустити, оскільки саме інтерпретатор сценаріїв JavaScript використовується в браузерах за замовчуванням.

URL-схема JavaScript

Схема URL (Uniform Resource Locator) – один із ключових елементів Web-технології. Усі схеми URL можна класифікувати за організацією доступу до ресурсу, яка визначається відповідним протоколом: схема ftp (для доступу до FTP-архіву), схема http (для доступу до гіпертекстових сторінок ) тощо.

Однією з головних задач мови програмування гіпертекстової системи є програмування гіпертекстових переходів. Зазначимо, що при виборі того чи іншого гіпертекстового посилання викликається відповідна програма реалізації цього переходу. У Web-технології такою стандартною програмою є програма завантаження сторінки. JavaScript дозволяє замінити стандартну програму на програму користувача. Для того, щоб відрізнити стандартний перехід за протоколом HTTP від програмованого на JavaScript переходу, розробники мови ввели в користування нову схему URL – javascript:

<а href="javascript: JavaScript_код">...</а>

<img src="javascript: JavaScript_код">

У даному прикладі текст “Javascript_код” означає код програми на JavaScript, яка викликається при виборі гіпертекстового посилання.

Наприклад, при клацанні на гіперпосиланні “УВАГА!!!”, код якого наведено нижче, відкривається вікно попередження:

<а href="javascript:alert(' Увага!!!'); ">

<font color=red>Увага</font></a>

Отже, при використанні URL-схеми “javascript” інтерпретатор цієї мови отримує управління після того, як користувач “клацнув” на гіперпосилання.

Опис змінних. Поняття безтиповості

JavaScript не є строго типізованою мовою програмування, такою як Pascal, С++, в якій для кожної змінної повинен бути описаний тип, до якого вона належить. Змінювати свій тип у процесі виконання програми змінна не може. У JavaScript не обов'язково задавати тип змінної. Її тип залежить від типу даних, які їй присвоюються, водночас при зміні типу даних змінюється і тип змінної.

Для порівняння наведемо приклади оголошення змінних у мовах Pascal, C++ і JavaScript.

С++

char f='f' ;

int b=0xB;

unsigned long double pee=3.14;

char *name="My name";

bool result=false;

Pascal:

var f: char ;

b: integer ;

pee: real;

name: string ;

result: boolean;

JavaScript:

var f ='f';

var b=123441;

var pee=3.14;

var name="My name";

var result=true;

Числові змінні

Числові змінні можуть мати цілий, або дійсний тип. Для числових значень допустимі такі операції:

– множення (*);

– ділення (/);

– додавання (+);

– віднімання (-);

– збільшення на одиницю(++), наприклад, вираз j++ вказує на збільшення значення змінної j на одиницю;

– зменшення на одиницю(--) – вираз j-- вказує на зменшення значення змінної j на одиницю;

– залишок від ділення цілих чисел (%).

Крім того, використовуються операції множення, ділення, додавання й віднімання в поєднанні з присвоюванням (*=, /=, +=,-=). Наприклад, після виконання операторів var j=0; j+=3 значення змінної j дорівнюватиме 3. Наведений запис еквівалентний послідовності операторів var j =0; j = j +3. До числових значень можна застосовувати також методи вбудованого в мову JavaScript об'єкта Math, що буде розглянуто далі.

Булеві змінні

Булеві, або логічні змінні можуть мати тільки літеральні значення – true (істинне), false (хибне) і використовуються в логічних виразах і операторах (циклу й розгалуження).

Операції порівняння і логічні операції

Операції порівняння та логічні операції записуються так само,

як і в мові С:

ОПЕРАЦІЯ

НАЗВА

==

дорівнює

! =

не дорівнює

!

логічне НЕ

>=

більше або дорівнює

<=

менше або дорівнює

> 

більше

< 

менше

&&

логічне І

׀׀

логічне АБО

Рядкові змінні

Рядки в JavaScript розглядають як об'єкти типу String, який буде розглянуто нижче. До рядків застосовані операції конкатенації (приєднання) (+) і конкатенації з присвоюванням (+=). Якщо, наприклад, описати дві змінні:

var part1="Java";

var part2="Script";

то після виконання оператора

var part3=part1+part2;

змінній part3 буде присвоєно рядкове значення “JavaScript”

Масиви

Масиви у JavaScript створюються як об'єкти типу Array, розглянутого нижче.

Оператори управління. Оператори циклу. Цикл for

Синтаксис:

fог ([ініціалізація змінної циклу;][умова;]

[оператор оновлення лічильника])

{

Оператори

}

Фігурні дужки ({}) служать для об'єднання декількох операторів програми, складених в один. Якщо тіло циклу складається тільки з одного оператора, то фігурні дужки можна опустити.

У наступному прикладі з допомогою оператора циклу у вікно браузера виводиться декілька горизонтальних ліній, причому кожна наступна лінія довша за попередню. Для виводу ліній використовується оператор writeln().

Приклад №1

<HTML>

<НЕАD>

<TITLE> Сторінка зі сценарієм JavaScript</TIТLЕ>

</HEAD>

<BОDY>

<SCRIPT>

<!--

var String1='<HR ALIGN="center" WIDTH=';

document. open();

for (var size = 5; size<100;size+=5);

document. writeln(String1+size+'%>');

Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12