Студопедия КАТЕГОРИИ: АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция |
Операції порівняння в JavaScriptСтр 1 из 2Следующая ⇒ Що таке JavaScript? JavaScript - це мова написання скриптів. Він схожий на AppleScript, VBScript - власне, на всю лінійку мов написання скриптів. Хоча його інтерфейс дуже схожий на інтерфейс повноцінних програмних мов, таких як С, C++ і Java, не потрібно сильно піклуватися про те, що стоіть за цією подібністю. Структура JavaScript у порівнянні з ними трохи обмежена, що не применшує його значення для веб-додатків. JavaScript був розроблений компанією Netscape для спільної роботи з HTML (і XHTML) і створення більш динамічних і інтерактивних сторінок. Браузери Netscaре і IE мають повну підтримку JavaScript, починаючи з 3.0, тоді як інші - тільки часткову і не завжди коректну. JavaScript призначений для роботи з різними елементами веб-строрінок, реагування на користувальницьке введення, передачі значень полів форм у вирази і формули, інакше кажучи, він зі звичайної сторінки робить подобу комп'ютерної програми. Якщо ближче познайомитися з JavaScript, то можна навчитися дуже елегантно і просто вирішувати такі питання, як автоматизація створення інтерфейсу форм і перевірка введених у них даних. JavaScript не входить ні в старий стандарт HTML, ні в новий XHTML, незважаючи на те що він використовується майже завжди з HTML-сторінками й в обох стандартах є елемент <script>. Більш того, JavaScript і його найближчі родичі є основними складовими того, що називається Dynamic HTML, у якому, крім нього, використовуються таблиці стилів і інші цікаві інструменти, що дозволяють створювати дійсно інтерактивні веб-строрінки. Приклад «Hello World» Говорять, що перша у світі програма в результаті своєї роботи видала на пристрій вивидення наступне: «Hello World». Ця фраза стала історичною, і з тих пір при вивченні будь-якої мови перша програма традиційно робить те ж саме. Наш приклад покаже основні прийоми, використовувані при написанні коду скрипта і при його прихованні. Ви, імовірно, зрозумієте і те, як працює сам елемент <script> Для того щоб до кінця зрозуміти даний приклад, потрібно познайомитися з однією новою командою: document.writeln(), у JavaScript це називається «метод». Визначення методу - це така функція, що вбудована в який-небудь об'єкт, за допомогою методу об'єкт може автоматично робити визначені дії. У даному випадку об'єкт може автоматично робити «запис» у «документ». Іншими словами, метод document.writeln() виводить текст на веб-строрінки. 
<html> <head> <title> Hellow world </title> </head> <body> <script language=”JavaScript”> <!-- ховаємо скрипт від броузерів, не підтримуючих JavaScript document.writeln(“<h1>Hellow world<\/h1>”) // закінчили ховати --> </script> <noscript> <p> Ваш броузер не підтримує JavaScript </p> </noscript> </body> </html>
Обговоримо деякі моменти, що зустрілися нам у цьому прикладі: Контейнер <script> вставлений прямо в секцію <body> документа. Так звичайно і робиться, коли ви використовуєте скрипт для створення чого-небудь усередині тіла веб-строрінок і вам не потрібно попередньо описувати функції в <head>. Коли ви маєте справу з більш складними скриптами, звичайно, вам не обійтися без елементів <script> і в одній, і в іншій секції документа. У команді document.writeln() закриваючий тег </hl> дійсно виглядає як <\/hl>, це не помилка. Якщо написати звичайний закриваючий тег, то він буде сприйматися методом document.writeln() якось по-своєму. Щоб цього не відбулося, вставляють спеціальний символ (одним з набору цих спецсимволов є «новий рядок», /n). У даному випадку зворотна коса риса (\) дозволяє скрипту пропустити пряму (/). Оголошення функцій Що значить «оголошення функції»? Описуючи функцію, ви говорите 6payзеру: «Я збираюся завести собі от таку маленьку функцію, і ось те, що вона буде вміти». Коли браузер завантажить сторінку, він побачить ваше послання і буде знать куди бігти, якщо раптом трапиться виклик якої-небудь функції. Більшість програмістів справедливо воліють розміщати оголошення функцій у розділі <head>, хоча це не є офіційною вимогою. З технічної точки зору, функції можуть бути визначені (оголошені) де завгодно, хоч у самому кінці сторінки. Оголошення розташовується усередині контейнера <script>, причому необов'язково тільки одне. Насправді, JavaScript у цьому змісті поводиться трохи загадково, оскільки всі елементи <script>, складені місці, саме і складають весь скрипт. розглянемо формат визначення функції: <script type="text/javascript"> <!-- ховаємо скрипт function ім'я_функції(формальний_параметр) { ...код функції... return (нове_значення) } //закінчили ховатися--> </script> Пам’ятайте, що, коли скрипт викликає функцію, він часто передає в неї фактичний параметр, що підставляється замість формального. Потрібно не забути вказати ім'я формального параметра. Якщо функція призначена для виконання справжніх обчислень, можна дати змінній яке-небудь ім'я типу first_num. Потім його можна використовувати у формулах: new_num=first_num + 3. Даючи ім'я вхідному параметру функції, ви тим самим створюєте змінну. Комп'ютер резервує для її розміщення деякий відрізок пам'яті і дає йому ім'я. Можна привласнити йому яке-небудь значення, а потім навіть використовувати у своєму скрипті. Наприклад: У тілі скрипта посилаємо значення 5 у функцію. Функція одержує значення і створює перемінну my_number, що його і привласнює. Потім ви говорите скрипту: «Додай 10 до моєї змінної my_number» (new_number=my_number+10). Якщо ви все зробили правильно, скрипт повертає результат і зберігає його в змінній new_number. У тіло програми передається значення, що вийшло. Відповідь - 15. Зверніть увагу на ключові слова function і return. Слово function завжди починає оголошення функції, за ним випливає її ім'я і (у дужках) ім'я змінної, котрій потрібно привласнювати вхідне значення. Що стосується return, те це - кінець оголошення, воно повідомляє функції про те, що потрібно повернути нове значення туди, звідки вона була викликана. А ще зверніть увагу на те, що вся обчислювальна частина оголошення розташовується між function і return і між двома фігурними дужками. Приведемо оголошення функції: <script type="text/javascript"> <!-- ховаємо скрипт function get_Square(num) { square_num=num*num; return (square_num) } //закінчили ховатися--> </script> Тут, здається, все повинно бути зрозуміло. Ми створили функцію за назвою get_Square, передали в неї значення (у перемінну num), потім у строгій відповідності з алгоритмом, це число було помножене саме на себе, привласнено змінній Square_Num і повернуте. Тепер ви знаєте, для чого потрібні оголошення функцій. Саме по собі оголошення нічого робити не буде, тому що потрібно ще передати конкретне значення параметра. Далі ми розглянемо, як це робиться. ПРИКЛАД ВИКЛИКУ ФУНКЦІЇ Ми дізналися ще трохи про скрипти і JavaScript. Зберемо усі накопичені знання в одному прикладі. Багато чого з того, що ви в ньому побачите, уже зустрічалося вище. У лістингу представлена сторінка, що містить повноцінний скрипт. <html> <head> <title> Зведення в квадрат </title> <script type="text/javascript"> <!-- ховаємо скрипт function getSquare (num) { squareNum = num*num; return (squareNum); } // закінчили ховатися --> </script> </head> <body> <h1>A от і відповідь:</h1> <script type="text/JavaScript"> <!-- ховаємо скрипт myNum = 10; mySqr = getSquare (myNum); document.writeln("Квадрат числа "+myNum+" дорівнює"+mySqr+"."); // закінчили ховатися --> </script> <noscript> <р>Ваш браузер не підтримує JavaScript</p> </noscript> </body> </html> МАСИВИ Перш ніж ми закінчимо обговорення змінних, ми звернемося ще до одного питання. Масив — це тип даних, що дозволяє під одним ім'ям зберігати декілька змінних Кожна «змінна» має свій порядковий номер усередині масиву. Наприклад: var player = new Array ("Боб", Катерина", "Дмитрик", "Петя"); Змінна рlауег — це масив. У ній зберігаються одночасно чотири значення. Доступ до них організується в такий спосіб. Після імені масиву в квадратних дужках пишеться його порядковий номер (який, у свою чергу, може бути не конкретним числом, а цілочисельною змінною). Масиви нумеруються з нуля. Наприклад: document.writeln ("Переможець - " + рlауег[2] +"!"): Щоб довідатися, скільки елементів міститься в масиві, можна використовувати спеціальну команду за назвою length: NumPlayers = plауег.length; Після створення масиву можна додавати в нього елементи, можна змінювати значення існуючих за допомогою індексів і стандартної операції присвоювання. Наступний приклад показує відразу кілька прийомів роботи з масивами: script type="text/javascript"> <!-- ховаємо скрипт <var player = new Array ("Боб", "Катерина". "Дмитрик", "Петя"); document.writeln ("<р>Гравець №2: " + player[1] + "<\/р>"); plауег[1] = "Тетяна"; player[4] = "Галина"; document.writeln ("<р> тепер гравець №2; " + player[1] + "<\/р>"): vaг newIdx = (player.length - 1); document.writeln ("<p> Наш новий гравець: " + player[newldx] + "<\/р>"): // закінчили ховати скрипт --> /script> Операції порівняння в JavaScript
Порівнюватися можуть не тільки чисельні значення, але і рядок. Коли виробляється порівняння, то значення true чи false привласнюється всій дужці, що містить вираження. Якщо необхідно, можна дане значення привласнити який-небудь змінний. Тільки не забудьте при написанні програми зобразити ці дужки заміненими на «Істина» чи «Неправда». Умова if...else У JavaScript є умовне оператор If.. .else, що означає тип вибору «чи... чи». Його синтаксис: if (умова) { вираз скрипта} else { інші елементи } Умова тут зустрічається всього один раз і повинна містити вираз, що приймає значення true чи false. Під "вираженнями скрипта" тут мається на увазі наявність будь-яких припустимих команд JS. Наприклад: if (x == 5) { document.write1n("перемінна х дорівнює 5."); return; I else { document.writeln("перемінна х не дорівнює 5."); } Вираз else не потрібно в тому випадку, коли ви хочете, щоб програма просто пропустила конструкцію if цілком і продовжувала виконання алгоритму. Умови циклів Для створення в програмах циклів використовуються дві конструкції: for і while. Що таке цикли? У програмуванні циклами називаються відрізки коду, що повторюються знову і знову, поки умова виходу з циклу не перетвориться в істину. Синтаксис циклу for наступний: for (ініціалізація лічильника; умова; вираз інкремента лічильника) { команди JavaScript } Розглянемо приклад: for (х=0; х<10; х=х+1) { totalNum = 2 * х; document.writeln ("Якщо 2 помножити на " + х + ", вийде " + totalNum + "<br \/>"); } Цикл while схожий на for, але він є більш гнучким. Він використовується в дуже багатьох випадках. Базовий синтаксис while: while (умова) { команди JavaScript } Цикл повторюється, поки умова истинна. Приклад: х=0; while (х <= 5) { х = х + 1; document.writeln ("X дорівнює " + х + "<br \/>") } |
||||||||||||||||||||||||||||||
|
|
Последнее изменение этой страницы: 2018-04-12; просмотров: 167. stydopedya.ru не претендует на авторское право материалов, которые вылажены, но предоставляет бесплатный доступ к ним. В случае нарушения авторского права или персональных данных напишите сюда... |