Презентация Язык сценариев Javascript онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Язык сценариев Javascript абсолютно бесплатно. Урок-презентация на эту тему содержит всего 31 слайд. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:31 слайд
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:270.14 kB
- Просмотров:107
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Javascript
№2 слайд
Содержание слайда: Javascript- что это и для чего
) JavaScript — язык сценариев, или скриптов. Скрипт представляет собой программный код — набор инструкций, который не требует предварительной обработки (например, компиляции) перед запуском. Код JavaScript интерпретируется движком браузера во время загрузки веб-страницы. Интерпретатор браузера выполняет построчный анализ, обработку и выполнение исходной программы или запроса.
2) JavaScript — объектно-ориентированный язык с прототипным наследованием. Он поддерживает несколько встроенных объектов, а также позволяет создавать или удалять свои собственные (пользовательские) объекты. Объекты могут наследовать свойства непосредственно друг от друга, образуя цепочку объект-прототип.
№3 слайд
Содержание слайда: Javascript- что можно делать
Динамически изменять содержимое веб-страниц;
Привязывать к элементам обработчики событий (функции которые выполнят свой код только после того, как совершатся определенные действия);
Выполнять код через заданные промежутки времени;
Управлять поведением браузера (открывать новые окна, загружать указанные документы и т.д.);
№4 слайд
Содержание слайда: Подключение Javascript
Сценарии JavaScript бывают встроенные, т.е. их содержимое является частью документа, и внешние, хранящиеся в отдельном файле с расширением .js. Сценарии можно внедрить в html-документ следующими способами:
Для этого нужно разместить код в отдельном файле и включить ссылку на файл в заголовок
№5 слайд
Содержание слайда: Обработчик события
2)В виде обработчика события.
Каждый html-элемент имеет JavaScript-события, которые срабатывают в определенный момент. Нужно добавить необходимое событие в html-элемент как атрибут, а в качестве значения этого атрибута указать требуемую функцию. Функция, вызываемая в ответ на срабатывание события, является обработчиком события. В результате срабатывания события исполнится связанный с ним код. Этот способ применяется в основном для коротких сценариев, например, можно установить смену цвета фона при нажатии на кнопку:
№6 слайд
Содержание слайда: Внутрь тега <script>
Элемент <script> может вставляться в любое место документа. Внутри тега располагается код, который выполняется сразу после прочтения браузером, или содержит описание функции, которая выполняется в момент ее вызова. Описание функции можно располагать в любом месте, главное, чтобы к моменту ее вызова код функции уже был загружен.
Обычно код JavaScript размещается в заголовке документа (элемент <head>) или после открывающего тега <body>. Если скрипт используется после загрузки страницы, например, код счетчика, то его лучше разместить в конце документа:
№7 слайд
Содержание слайда: Выполнение кода javascript
Когда браузер получает веб-страницу с кодом html и javascript, то он ее интерпретирует. Результат интерпретации в виде различных элементов - кнопок, полей ввода, текстовых блоков и т.д., мы видим перед собой в браузере. Интерпретация веб-страницы происходит последовательно сверху вниз.
Когда браузер встречает на веб-странице элемент <script> с кодом javascript, то вступает в действие встроенный интерпретатор javascript. И пока он не закончит свою работу, дальше интерпретация веб-страницы не идет.
№8 слайд
Содержание слайда: Основы синтаксиса JavaScript
Код javascript состоит из инструкций, каждая из которых завершается точкой запятой:
alert("Вычисление выражения"); var a = 5 + 8; alert(a);
Другое написание кода считается дурным тоном и снижает зарплату.
№9 слайд
Содержание слайда: Комментарии
Комментарии могут быть однострочными, для которых используется двойной слеш:
// вывод сообщения
alert("Вычисление выражения");
// арифметическая операция
var a = 5 + 8;
alert(a);
№10 слайд
Содержание слайда: Чувствительность к регистру
JavaScript – это язык, чувствительный к регистру символов. Это значит, что ключевые слова, имена переменных и функций и любые другие идентификаторы языка должны всегда содержать одинаковые наборы прописных и строчных букв.
Например, ключевое слово while должно набираться как «while», а не «While » или «WHILE». Аналогично myvar, Myvar, MyVar и MYVAR – это имена четырех разных переменных.
HTML и клиентский JavaScript тесно связаны, это различие может привести к путанице. Многие JavaScript-объекты и их свойства имеют те же имена, что и теги и атрибуты языка HTML, которые они обозначают. Однако если в HTML эти теги и атрибуты могут набираться в любом регистре, то в JavaScript они обычно должны набираться строчными буквами.
Например, атрибут onclick обработчика события чаще всего задается в HTML как onClick, однако в JavaScript-коде (или в XHTML-документе) он должен быть обозначен как onclick.
№11 слайд
Содержание слайда: Идентификаторы и зарезервированные слова
символы подчеркивания или знаки доллара. (Цифра не может быть первым символом Идентификатор - это просто имя. В JavaScript идентификаторы выступают в качестве имен переменных и функций, а также меток некоторых циклов. Идентификаторы в JavaScript должны начинаться с буквы, с символа подчеркивания (_) или знака доллара ($). Далее могут следовать любые буквы, цифры,, так как тогда интерпретатору трудно будет отличать идентификаторы от чисел.) Примеры допустимых идентификаторов:
№12 слайд
Содержание слайда: Метод document.write
метод document.write() пишет информацию на веб-страницу.
Заменим скрипт на такой
<script>
var a = 5 + 8;
document.write("Результат операции ");
document.write(a);
</script>
№13 слайд
Содержание слайда: Для совместимости и простоты редактирования для составления идентификаторов обычно используются только символы ASCII и цифры. Однако JavaScript допускает возможность использования в идентификаторах букв и цифр из полного набора символов Юникода. Это позволяет программистам давать переменным имена на своих родных языках и использовать в них математические символы.
№14 слайд
Содержание слайда:
№15 слайд
Содержание слайда: Как можно написать такую минипрограмму
№16 слайд
Содержание слайда: Рассмотрим подробнее
Откроем файл myscript.js в текстовом редакторе и определим в нем следующий код:
№17 слайд
Содержание слайда: Зачем консоль
Разработчики используют консоль для отладки скриптов
Для вывода различного рода информации в консоли браузера используется специальная функция console.log(). Например, определим следующую веб-страницу:
№18 слайд
Содержание слайда: Переменная
Для хранения данных в программе используются переменные. Переменные предназначены для хранения каких-нибудь временных данных или таких данных, которые в процессе работы могут менять свое значение. Для создания переменных применяется ключевое слово var.
№19 слайд
Содержание слайда: Важно
Если глобальная и локальная переменная имеют одинаковые имена, то локальная переменная будет иметь преимущество перед глобальной.
Локальные переменные, объявленные внутри функции в разных блоках кода, имеют одинаковые области видимости. Тем не менее, рекомендуется помещать объявления всех переменных в начале функции.
№20 слайд
Содержание слайда:
№21 слайд
Содержание слайда: Типы данных
Все используемые данные в javascript имеют определенный тип. В JavaScript имеется пять примитивных типов данных:
string: представляет строку
number: представляет числовое значение
Boolean: представляет логическое значение true или false
undefined: указывает, что значение не установлено
null: указывает на неопределенное значение
№22 слайд
Содержание слайда: Объекты
Любое значение в языке JavaScript, не являющееся числом, строкой, логическим значением или специальным значением null или undefined, является объектом.
№23 слайд
Содержание слайда: Специальный тип объекта
Это функция.
Функция - это объект, с которым связан выполняемый код. Функция может вызываться для выполнения определенной операции и возвращать вычисленное значение. Подобно массивам, функции ведут себя не так, как другие виды объектов, и в JavaScript определен специальный синтаксис для работы с ними. Одна из важнейших особенностей функций в JavaScript состоит в том, что они являются самыми настоящими значениями, и программы JavaScript могут манипулировать ими, как обычными объектами.
Функции, которые пишутся для инициализации вновь создаваемых объектов (с оператором new), называются конструкторами.
Каждый конструктор определяет класс объектов - множество объектов, инициализируемых этим конструктором. Классы можно представлять как подтипы объектного типа.
№24 слайд
Содержание слайда: Числа
Все числа в JavaScript представляются вещественными значениями (с плавающей точкой). Для представления чисел в JavaScript используется 64-битный формат, определяемый стандартом IEEE 754. Этот формат способен представлять числа в диапазоне от ±1,8 x 10308 до ±5 x 10-324.
№25 слайд
Содержание слайда: . Шестнадцатеричная цифра - это одна из цифр от 0 до 9 или букв от A до F, представляющих значения от 10 до 15:
var a = 255;
var b = 0xFF; // Число 255 в шестнадцатеричной системе исчисления
№26 слайд
Содержание слайда: Арифметические операции
Обработка чисел в языке JavaScript выполняется с помощью арифметических операторов. В число таких операторов входят: оператор сложения +, оператор вычитания - , оператор умножения *, оператор деления / и оператор деления по модулю % (возвращает остаток от деления).
Помимо этих простых арифметических операторов JavaScript поддерживает более сложные математические операции, с помощью функций и констант, доступных в виде свойств объекта Math:
№27 слайд
Содержание слайда: Потеря разрядов
Арифметические операции в JavaScript не возбуждают ошибку в случае переполнения, потери значащих разрядов или деления на ноль. Если результат арифметической операции окажется больше самого большого представимого значения (переполнение), возвращается специальное значение «бесконечность», которое в JavaScript обозначается как Infinity. Аналогично, если абсолютное значение отрицательного результата окажется больше самого большого представимого значения, возвращается значение «отрицательная бесконечность», которое обозначается как -Infinity.
№28 слайд
Содержание слайда: Деление на ноль
Деление на ноль не считается ошибкой в JavaScript: в этом случае просто возвращается бесконечность или отрицательная бесконечность. Однако есть одно исключение: операция деления нуля на ноль не имеет четко определенного значения, поэтому в качестве результата такой операции возвращается специальное значение «не число» (not-a-number), которое обозначается как NaN. Значение NaN возвращается также при попытке разделить бесконечность на бесконечность, извлечь квадратный корень из отрицательного числа или выполнить арифметическую операцию с нечисловыми операндами, которые не могут быть преобразованы в числа.
№29 слайд
Содержание слайда:
№30 слайд
Содержание слайда:
№31 слайд
Содержание слайда:
Скачать все slide презентации Язык сценариев Javascript одним архивом:
