Читайте также:
|
Вероятно, в прошлом вам приходилось слышать, что JavaScript очень похож на C++ или JavaScript и Java - почти одно и то же. В действительности это не совсем так. JavaScript - язык третьего поколения, а значит, в чем-то родственен языкам С, Pascal или BASIC. Между ними есть сходство, но есть и значительные различия:
Все это означает, что если вы когда-либо работали с С, C++, Pascal, BASIC, Java, FORTRAN или Perl, то можете отыскать в JavaScript некоторые знакомые черты. Однако нельзя писать сценарии JavaScript с помощью какого-нибудь из вышеперечисленных языков программирования, вам придется пользоваться только JavaScript.
53. «Клиенттік JavaScript» ұғымын түсіндіріңіз.
Когда интерпретатор JavaScript встраивается в вебброузер, результатом является клиентский JavaScript. Это, безусловно, наиболее распространенный вариант JavaScript, и большинство людей, упоминая JavaScript, обычно подразумевают именно клиентский JavaScript. В этой книге клиентский язык JavaScript описывается вместе с базовым JavaScript, который представляет собой подмножество клиентского JavaScript.
Клиентский JavaScript включает в себя интерпретатор JavaScript и объектную модель документа (Document Object Model, DOM), определяемую вебброузером.
Документы могут содержать JavaScript сценарии, которые в свою очередь могут использовать модель DOM для модификации документа или управления способом его отображения. Другими словами, можно сказать, что клиентский JavaScript позволяет определить поведение статического содержимого вебстраниц. Клиентский JavaScript является основой таких технологий разработки вебприложений,как DHTML, и таких архитектур, как Ajax.
Примеры использования клиентского JavaScript
Пример 1. Простая программа на языке JavaScript
<html>
<head><title>Факториалы</title></head>
<body>
<h2>Таблица факториалов</h2>
<script>
var fact = 1;
for(i = 1; i < 10; i++) {
fact = fact*i;
document.write(i + "! = " + fact + "<br>");
}
</script>
</body>
</html>
Пример 2. HTML'кнопка с обработчиком события на языке JavaScript
<button onclick="alert('Был зафиксирован щелчок на кнопке');">
Щелкни здесь
</button>
Примеры 1 и 2 демонстрируют лишь простейшие возможности клиентского JavaScript. Реальная его мощь состоит в том, что сценарии имеют доступ к содержимому HTMLдокументов.
54.JavaScript-ті HTML бетте орналастыруды, тіл конструкциясын сипаттаңыз.
Программу на JavaScript (ее называют скриптом, или сценарием) можно помещать внутрь HTML-программы или держать в отдельном файле. Этот файл браузер прочитает во время интерпретации HTML-кода.
Коды JavaScript дополняют коды HTML и работают вместе с ними. Даже если они расположены в отдельном файле.Скрипт размещается между двумя парными тегами <SCRIPT>...</SCRIPT> Обычно запись скрипта выглядит так, как показано в примере 1.
Пример 1
<HTML>
<HEAD>
<TITLE>Проверка браузера</TITLE>
</HEAD>
<BODY bgcolor=white text=black link=blue alink=red vlink=purple>
<Н1>Проверка браузера</Н1>
<HR>
<SCRIPT language=JavaScript>
<!-- alert("Ваш браузер поддерживает язык JavaScript!");
//--> </SCRIPT>
<NOSCRIPT>
<H2>Предупреждение</H2>
< P>
Ваш браузер не поддерживает JavaScript. Этот документ будет показан неверно, возможны сообщения об ошибках.
<Р> Версия документа без скриптов расположена
<А href=doc1.htm>Здесь</A>.
</NOSCRIPT>
<Р>
Для возврата к основному тексту нажмите кнопку <ЕМ>Назад</ЕМ> на инструментальной панели браузера.
</BODY>
</HTML>
Скрипт в приведенном выше примере содержит всего одну команду на языке JavaScript – вызов функции alert. Функция alert создает информационное окно с
единственной кнопкой ОК внутри. Пользователь читает сообщение, нажимает кнопку и окно убирается с экрана. Теперь браузер приступает к интерпретации команд,
расположенных вслед за скриптом в HTML-коде – выводит в окошко текст.Если текст-аргумент функции alert слишком длинный, его можно записывать в
нескольких строчках, используя знак «+»:
alert("Язык JavaScript был разработан в 1995 году фирмой"+ " Netscape для второй версии своего браузера");
Для перевода строк нужно использовать символы «\n»:
alert ("Первая строка. \n Строка вторая."};
55. JavaScript. Мәліметтер типтерін және айнымалыларды сипаттаңыз. JavaScript позволяет работать с тремя элементарными типами данных: числами, строками текста (или просто строками) и значениями логической истинности (или просто логическими значениями). В JavaScript также определяются два тривиальных типа данных, null и undefined, каждый из которых определяет только одно значение.
Также JavaScript поддерживает составной тип данных, известный как объект (object). Объект представляет собой коллекцию значений (чисел, строк или других объектов). Объекты в JavaScript могут быть представлены как упорядоченная коллекция пронумерованных значений, в этом случае объект называется массивом (array). В JavaScript определен еще один специальный тип объекта, известный как функция (function). Функция – это объект, с которым связан исполняемый код.
В JavaScript нет описателей типа, подобных int, char в языке Си или integer, Byte в языке Паскаль. Тип переменной определяется ее текущим значением и может меняться при выполнении программы много раз.
Примеры:
х = "3"; // переменная х строкового типа,
//ее значение — строка «3».
х = 3; // переменная х целого типа,
//ее значение — число 3.
х = "Оценка=" + х; //переменная х строкового типа,
//ее значение — строка «Оценка=3».
В JavaScript можно использовать константы следующих видов. Целое число
255 — десятичное целое.
0377 — восьмеричное целое (начинается с «0»).
0xFF — шестнадцатеричное целое (начинается с «0х»).
Дробное число
3.14 — обычная запись.
2.3е8 — «инженерная» запись (2.3 • 108).
Переменная должна быть описана до ее использования. Для описаний берется ключевое слово var:
var x; // Описание переменной с именем
"х".
var у = 5; // Описание с присвоением числа.
var mes = "дядя Федор"; // Описание с присвоением строки. Для образования имен переменных используются идентификаторы.Идентификатор-это последовательность из латинских букв и арабских цифр, которая начинается с буквы. В записи разрешается использовать символ подчеркивания «_» наравне с латинскими буквами. Регистр буквы в имени переменной имеет значение. Переменные с именами «Counter» и «counter» считаются разными.
56. JavaScript. Функция ұғымын сипаттаңыз. Функции являются одним из наиболее важных строительных блоков кода в JavaScript.
У функции есть определённые параметры, которыми она манипулирует, и возвращает результат. Например, функция y = 2 * x +5. Здесь мы можем задать x = 3, а в ответ получим y = 11. Вот это пример функции из математики. Абсолютно аналогичные функции и в JavaScript, только тут функцией может быть не просто какое-то вычисление какого-то выражения, а всё, что угодно.
Давайте для начала создадим функцию, которая 3 раза выводит сообщение " Привет ".
<script language = "javascript">
function hello() {
alert("Привет");
alert("Привет");
alert("Привет");
}
hello();
</script>
Первая строчка сообщает, что дальше идёт сценарий на языке JavaScript. На следующей строке объявляется функция. Как видите, всё начинается с ключевого слова function. Внутри скобок указываются параметры, но в данном случае параметров нет, поэтому внутри скобок всё пусто. Дальше идут фигурные скобки, внутри которых находится код функции, который должен быть выполнен при её вызове. В качестве этого кода используется функция alert(), которая вызывает информационное окошко, в котором написан текст, заданный параметром. В качестве параметра мы функции alert() (это пример встроенной функции) передаём строку " Привет ". Функцию alert() мы вызываем три раза.
Теперь поговорим о функциях с параметрами. Давайте создадим один из таких примеров.
function sum (x, y) {
var sum = x + y;
document.write(sum);
}
sum(5, 4);
В примере выше мы результат сразу печатали, однако, для данной функции будет наиболее логично ничего не печатать, а возвратить результат.
function sum(x, y) {
var sum = x + y;
return sum;
}
var z = sum(4, 5) + sum(1,-3);
document.write(z);
Обратите внимание на ключевое слово return. Оно возвращает результат (в нашем случае - сумму двух чисел). Таким образом, sum(4,5) возвращает 9. Это число мы складываем с результатом работы функции sum(1, -3), то есть -2. В итоге мы получим 7. И только потом печатаем результат в браузере.
57. JavaScript. Амалдарды, операторларды сипаттаңыз
JavaScript может манипулировать данными, относящимися к разным типам. Тип данных описывает их возможные значения и набор применимых к ним операций.
Строковые данные (или строки) — это последовательности букв, цифр, пробелов, знаков препинания и прочих символов, заключенные в одинарные или двойные ка-вычки.
Примеры строк:
"JavaScript","1234567"
Строки могут иметь любую длину (определяемую количеством составляющих их символов), ограниченную лишь объемом свободной памяти компьютера
Числовые данные (или числа) — это обычные числа, над которыми можно произво-дить арифметические действия, извлекать из них квадратный корень и вычислять тригонометрические функции. Числа могут быть как целыми, так и дробными; в последнем случае целая и дробная части разделяются точкой (не запятой!).
Примеры чисел:
13756,454.7873
Логическая величина может принимать только два значения: true и false — "истина" и "ложь", — обозначаемые соответственно ключевыми словами true и false. (Клю-чевое слово — это слово, имеющее в языке программирования особое значение.)
Переменные
Как мы уже знаем, каждая переменная должна иметь имя, которое однозначно ее идентифицирует. Об именах переменных стоит поговорить подробнее.
Прежде всего, в имени переменной могут присутствовать только латинские буквы, цифры и символы подчеркивания (_), причем первый символ имени должен быть либо буквой, либо символом подчеркивания. Например, pageAddress, _link, userName — правильные имена переменных, а 678vasya и Имя пользователя — не-правильные.
Дата добавления: 2015-11-16; просмотров: 152 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Раскрывающиеся списки | | | Текстовые поля |