0% нашли этот документ полезным (0 голосов)
10 просмотров27 страниц

JavaScript По 22

Документ представляет собой введение в язык программирования JavaScript, его основные функции и применение в веб-разработке. Он описывает способы интеграции JavaScript в HTML, различные типы всплывающих окон, переменные и операторы, а также условные операторы. Кроме того, документ подчеркивает важность JavaScript для создания интерактивных и динамических веб-приложений.

Загружено:

kuatova0202
Авторское право
© © All Rights Reserved
Мы серьезно относимся к защите прав на контент. Если вы подозреваете, что это ваш контент, заявите об этом здесь.
Доступные форматы
Скачать в формате PDF, TXT или читать онлайн в Scribd
0% нашли этот документ полезным (0 голосов)
10 просмотров27 страниц

JavaScript По 22

Документ представляет собой введение в язык программирования JavaScript, его основные функции и применение в веб-разработке. Он описывает способы интеграции JavaScript в HTML, различные типы всплывающих окон, переменные и операторы, а также условные операторы. Кроме того, документ подчеркивает важность JavaScript для создания интерактивных и динамических веб-приложений.

Загружено:

kuatova0202
Авторское право
© © All Rights Reserved
Мы серьезно относимся к защите прав на контент. Если вы подозреваете, что это ваш контент, заявите об этом здесь.
Доступные форматы
Скачать в формате PDF, TXT или читать онлайн в Scribd
Вы находитесь на странице: 1/ 27

JavaScript

teacher:Kuatova Erkezhan Nurlanovna


Введение
Язык программирования JavaScript был разработан Netscape в сотрудничестве с Sun
Microsystems и был создан в 1995 году. JavaScript предназначен для создания
интерактивных html-документов.
Основные области применения JavaScript:
• Создание динамических страниц, то есть страниц, содержание которых может измениться
после загрузки.
• * Проверка правильности заполнения пользовательских форм. Решение "локальных" задач
с помощью скриптов..
э то к р о с с п л а тф о р м е н н ы й
интерпретируемый язык
п р о г р а м м и р о в а н и я , и с п ол ь з уем ы й д л я
создания интерактивных веб-страниц и
п р и л оже н и й . Ф у н к ц и о н а л ь н о с т ь
J a v a S c r i p t м оже т ул у ч ш и т ь удо б с т в о
в з а и м оде й с т в и я п ол ь з о в а т ел я с в е б -
с а й то м : о т о б н о в л е н и я ка н а л о в с о ц и а л ь н ы х
с е т е й д о о то б р а ж е н и я а н и м а ц и и и
и н т е р а к т и в н ы х ка р т .

JavaScript
@reallygreatsite
Роль JavaScript в Веб-разработке включает
несколько ключевых аспектов:

Расширение возможностей HTML и


CSS
Интерактивность

Взаимодействие с
пользователем

Обновление динамического
контента Асинхронная связь с сервером
Встраивание JavaScript в HTML:

JavaScript можно интегрировать в веб-страницы несколькими


способами, включая встроенный (inline), внутренний (internal) и
внешний (external). Рассмотрим каждый из них с объяснением:
Встраивание JavaScript в HTML:

Код JavaScript встроен


непосредственно в HTML-
документ в атрибуте onclick
кнопки.При нажатии кнопки
вызывается функция alert (),
которая отображает всплывающее
сообщение.
Встраивание JavaScript в HTML:

Код JavaScript находится внутри


тега <script> под <
head>.Функция Greet ()
определена в этом сценарии и
вызывается при нажатии кнопки с
помощью атрибута knopkuclick..

В этом примере функция get ()


определяется внутри тега <script > в
разделе <head>. Когда кнопка нажата, эта
функция вызывается и говорит: "Привет,
Мир!".
Встраивание JavaScript в HTML:

Внешний код JavaScript размещен в


файле script.js.Этот файл помещается в
HTML-документ <script src= "
script.js"></script>.Функция Get ()
определена в файле сценария.JS и
вызывается при нажатии кнопки.
J a v a S c r i p t
в с п л ы в а ю щ и е о к н а

В JavaScript мы можем создавать три типа


всплывающих окон:
• Alert box (окно предупреждения)
• Confirm box (окно подтверждения)
• Prompt box (контекстное окно).
Alert box (окно оповещения)

* Окно оповещения часто используется, если вы хотите


убедиться, что оповещения приходят через
пользователя. Когда появится окно предупреждения,
пользователь должен нажать "ОК", чтобы продолжить.
Confirm box (окно подтверждения)

Когда появится окно подтверждения,


пользователь должен нажать "ОК" или
"отмена", чтобы продолжить.
Prompt box (контекстное окно).

Контекстное окно часто используется, если вы


хотите ввести значение перед входом
пользователя в страница.
Переменные
Переменные используются для
хранения данных в JavaScript. Вы
можете опубликовать их по
ключевым словам var, let или const.
var:
это способ сохранить информацию для использования
программы. Вы можете использовать их для хранения имен,
чисел, слов и других данных. Например, если вы хотите
запомнить имя пользователя, количество денег или другую
информацию, вы можете использовать для этого переменные var.
let:
• Переменные let в JavaScript похожи на ярлыки для хранения
информации. Вы пишете let, затем имя переменной
(например, age), затем значение (например, 25). Но самое
главное-вы можете изменить значение позже, если хотите.
Например, если ваш возраст изменился с 25 на 26, вы можете
обновить переменную age до 26..
const:
• Используется для объявления констант, значения которых не
меняются после инициализации.Рекомендуется использовать
для объявления значений, которые должны оставаться
неизменными во всем коде.Обычно используется для
объявления значений, которые не должны быть
переопределены
Операторы

Операторы в JavaScript-это символы, используемые для


выполнения операций над операндами (значениями или
переменными). JavaScript имеет множество операторов, включая
арифметические, относительные, логические, назначения и другие.
Рассмотрим основные типы операторов:
Арифметические операторы: используются для
выполнения математических операций.
+ (сложение)
- (вычитание)
* (умножение)
/ (деление)
% (остаток от деления)
++ (инкремент)
-- (декремент)
Относительные операторы:
Используется для сравнения двух значений и
возвращает логическое значение (истинное или
ложное).
== (равно)
!= (не равно)
=== (строгое равенство, проверяет и значения и
типы)
!== (строгое неравенство)
> (больше)
< (меньше)
>= (больше или равно)
<= (меньше или равно)
Логические операторы: используются для
выполнения операций над логическими
значениями.
&& (логический и)
/ / (логический или)
! (нелогично)
Назначение:
Используется для присвоения значения
переменной.
= (назначение)+=, -=, *=, /= (операторы
составного назначения)
@reallygreatsite
Ус л о в н ы е о п е р а т о р ы
Оператор If: if-это ключевое слово в JavaScript, которое используется для
выполнения блока кода, если данное условие истинно.Пример:
Ус л о в н ы е о п е р а т о р ы

Оператор Else:
else-это ключевое слово, используемое с оператором if для выполнения блока
кода, если условие оператора if является ложным.Пример:
Ус л о в н ы е о п е р а т о р ы

Оператор Else if:


else if-это ключевое слово, которое позволяет вам проверять дополнительные
условия, если условие оператора if является ложным.Пример:
Рассмотрим пример использования условных операторов на
сайте. Предположим, у нас есть простая страница, на которой
мы хотим отобразить контент, связанный со временем суток.
Если текущее время на компьютере пользователя с утра до
полудня, мы говорим: "доброе утро!". Если время с полудня до
позднего вечера, мы говорим: "Добрый день!". Наконец, если
время идет вечером или ночью, мы говорим: "Добрый вечер!".
Задание:
Составление регистрационной формы:
Форма должна содержать поля для ввода имени
пользователя, адреса электронной почты и пароля.
Пароль должен содержать не менее 8 символов.
Адрес электронной почты должен быть
действительным.После успешной проверки формы
выдайте уведомление об успешной регистрации.
Роль JavaScript в Веб-разработке включает несколько ключевых аспектов:
Интерактивность: JavaScript позволяет создавать интерактивные элементы и функции на веб-страницах,
делая пользовательский опыт более привлекательным и удобным. Например, вы можете создавать
раскрывающиеся меню, ползунки, формы проверки и многое другое.
Динамическое обновление содержимого: JavaScript позволяет изменять содержимое страницы без
перезагрузки всей страницы. Это позволяет создавать более быстрые и отзывчивые веб-приложения.
Взаимодействие с пользователем: JavaScript используется для обработки действий пользователя, таких как
щелчок, пересылка, Отправка форм, что позволяет создавать интерфейсы, которые мгновенно реагируют на
действия пользователя.
Асинхронное соединение с сервером: JavaScript может выполнять асинхронные запросы к серверу, получать
данные и обновлять страницу без перезагрузки. Это позволяет создавать динамические веб-приложения,
которые могут взаимодействовать с данными в реальном времени.
Расширение возможностей HTML и CSS: JavaScript позволяет дополнять и изменять функциональность
стилей HTML и CSS, предлагая широкий спектр возможностей для создания веб-приложений.

Вам также может понравиться