Язык сценариев Javascript - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Язык сценариев Javascript. Доклад-сообщение содержит 31 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Javascript

Слайд 2

Описание слайда:

Javascript- что это и для чего ) JavaScript — язык сценариев, или скриптов. Скрипт представляет собой программный код — набор инструкций, который не требует предварительной обработки (например, компиляции) перед запуском. Код JavaScript интерпретируется движком браузера во время загрузки веб-страницы. Интерпретатор браузера выполняет построчный анализ, обработку и выполнение исходной программы или запроса. 2) JavaScript — объектно-ориентированный язык с прототипным наследованием. Он поддерживает несколько встроенных объектов, а также позволяет создавать или удалять свои собственные (пользовательские) объекты. Объекты могут наследовать свойства непосредственно друг от друга, образуя цепочку объект-прототип.

Слайд 3

Описание слайда:

Javascript- что можно делать Динамически изменять содержимое веб-страниц; Привязывать к элементам обработчики событий (функции которые выполнят свой код только после того, как совершатся определенные действия); Выполнять код через заданные промежутки времени; Управлять поведением браузера (открывать новые окна, загружать указанные документы и т.д.);

Слайд 4

Описание слайда:

Подключение Javascript Сценарии JavaScript бывают встроенные, т.е. их содержимое является частью документа, и внешние, хранящиеся в отдельном файле с расширением .js. Сценарии можно внедрить в html-документ следующими способами: Для этого нужно разместить код в отдельном файле и включить ссылку на файл в заголовок

Слайд 5

Описание слайда:

Обработчик события 2)В виде обработчика события. Каждый html-элемент имеет JavaScript-события, которые срабатывают в определенный момент. Нужно добавить необходимое событие в html-элемент как атрибут, а в качестве значения этого атрибута указать требуемую функцию. Функция, вызываемая в ответ на срабатывание события, является обработчиком события. В результате срабатывания события исполнится связанный с ним код. Этот способ применяется в основном для коротких сценариев, например, можно установить смену цвета фона при нажатии на кнопку:

Слайд 6

Описание слайда:

Внутрь тега Элемент может вставляться в любое место документа. Внутри тега располагается код, который выполняется сразу после прочтения браузером, или содержит описание функции, которая выполняется в момент ее вызова. Описание функции можно располагать в любом месте, главное, чтобы к моменту ее вызова код функции уже был загружен. Обычно код JavaScript размещается в заголовке документа (элемент ) или после открывающего тега . Если скрипт используется после загрузки страницы, например, код счетчика, то его лучше разместить в конце документа:

Слайд 7

Описание слайда:

Выполнение кода javascript Когда браузер получает веб-страницу с кодом html и javascript, то он ее интерпретирует. Результат интерпретации в виде различных элементов - кнопок, полей ввода, текстовых блоков и т.д., мы видим перед собой в браузере. Интерпретация веб-страницы происходит последовательно сверху вниз. Когда браузер встречает на веб-странице элемент с кодом 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() пишет информацию на веб-страницу. Заменим скрипт на такой var a = 5 + 8; document.write("Результат операции "); document.write(a);

Слайд 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 возвращается также при попытке разделить бесконечность на бесконечность, извлечь квадратный корень из отрицательного числа или выполнить арифметическую операцию с нечисловыми операндами, которые не могут быть преобразованы в числа.