Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Несколько условий Введение в JavaScript Создание переменных. Их имена

Основы языка JavaScript - Метод write объекта document - Комментарий и поиск ошибок

Введение в JavaScript - Метод write() объекта document

Количество просмотров: 1147

Я не буду рассказывать Вам, что это за язык JavaScript и что он из себя представляет. Об этом можно почитать самостоятельно: информации в сети Интернет на эту тему полно.

Ещё раз напомню Вам, что я в первую очередь делаю небольшой справочник - «напоминалку» по языку JavaScript как для себя, так и для всех желающих его изучать.

Итак, приступаем к изучению языка программирования JavaScript по курсу «Javascript+jQuery для начинающих».

Что понадобится для работы?

Что понадобится для работы?

В первую очередь для работы понадобятся знания по HTML и CSS. Если Вы не имеете этих базовых знаний, то изучать JavaScript Вам ещё рано.

Далее, что касается какого-либо специального программного обеспечения, то для работы с JavaScript его не требуется. Это обыкновенный язык программирования для Web-разработки. То есть код можно писать в простейшем редакторе, например в Блокноте. Но лучше, естественно, пользоваться специализированными редакторами, например, таким как Adobe Dreamweaver.

Далее. Понадобится браузер. Я пользуюсь Mozilla Firefox, так как к этому браузеру есть очень хорошее дополнение Firebug, установить которое Вы сможете по адресу https://addons.mozilla.org/ru/firefox/

Кроме этого, желательно установить на своём компьютере Локальный сервер. Раньше я его настраивал вручную, но потом стал пользоваться с локальным сервером Denver, что для меня, как и для многих разработчиков, гораздо удобнее. Скачать Denver 3 Вы можете по адресу http://www.denwer.ru/.

Итак, редактор Adobe Dreamweaver и локальный сервер Denver установлены. Теперь в корневой папке локального сервера, предназначенной для работы с сайтами (для сервера Denver это папка Z:/home), необходимо создать директорию, например javascript, в ней будут размещаться все файлы, которые мы будем создавать по мере изучения языка JavaScript. А в редакторе Adobe Dreamweaver необходимо определить локальную папку javascript, как новый сайт (проект).

Теперь в папке javascript можно создать html-файл, например index.html, для того чтобы начать работать с языком JavaScript.

В языке HTML за скрипты отвечает тег <script>, у которого  есть атрибут type, для которого необходимо установить значение "text/javascript", так как мы работаем с языком JavaScript. Таким образом, при работе с JavaScript, весь код пишется внутри блока, который Вы видите в примере

Фрагмент кода:

<script type="text/javascript">

 

</script>

 

Этот блок находится внутри html-файла.

Ниже приведён пример, в котором я привёл весь html-код страницы вместе с блоком для JavaScript. Но каждый раз я не буду размещать html-код в примерах, так как в этом нет необходимости.

Далее в примерах будет размещён лишь javascript-блок с кодом внутри него, а html-код будет присутствовать лишь при необходимости.

Фрагмент кода:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Курс по Javascript</title>
</head>
<body>

<script type="text/javascript">

 

</script>

</body>
</html>

Метод write() объекта document

Метод write() объекта document

В JavaScript существуют объекты, у каждого из которых есть свои свойства и методы, с помощью которых мы можем воздействовать на объект.

Начнём с объекта  document. Это основной объект, который содержит в себе все остальные объекты. По сути, этот объект и является нашей Веб-страницей.

Свойства объекта возвращают какую-либо информацию. А методы позволяют что-то сделать, что-то изменить в объекте.

Рассмотрим первый метод объекта document – метод write().

Метод  write() позволяет записать что-либо в объект document. Для этого метод  write снабжается круглыми скобками ().  

Например,  в объект document  при помощи метод write() можно записать какой-либо текст, который следует разместить в круглых скобках и заключить в двойные  ” ” или одинарные кавычки ' '.

<script type="text/javascript">

document.write("Метод write() объекта document - Заключаем текст в кавычки");

</script>

Метод write() объекта document - Заключаем текст в кавычки

Таким образом, мы изменили наш объект document, записав в него при помощи метода write() текст, который Вы видите в примере.

Как видите, всё работает очень просто: в нашем случае мы просто указываем в круглых скобках текст, который  мы хотим записать в документ при помощи метода write().

Здесь основным моментом, который необходимо запомнить, является правило обязательного заключения текста в кавычки.

При помощи метода write() Можно выводить не только обычный текст, но и html-код. См. пример ниже, в котором часть текста заключена в тег <strong>, который обозначает жирный шрифт.

<script type="text/javascript">

document.write("Метод write() объекта document - <strong>Заключаем текст в кавычки</strong>");

</script>

Метод write() объекта document - Заключаем текст в кавычки

Но что делать, если необходимо вывести кавычки внутри текста, то есть кавычки внутри кавычек?

Если поставить ещё одни двойные кавычки внутри текста, то браузер выдаст ошибку.

Существует два выхода из этой ситуации. Первый состоит в том, чтобы использовать разные типы кавычек: например основной текст заключить в одинарные кавычки ' ' – внешние кавычки, а внутри использовать двойные ” ” или наоборот. Вторым способом является экранирование кавычек при помощи обратного слэша \” и, таким образом, можно использовать двойные кавычки как внутри текста, так и во вне его.

<script type="text/javascript">

document.write('Используем “разные типы” кавычек. Внешние – одинарные или наоборот');

document.write("Экранируем \“кавычки\“ при помощи обратного слэша");

</script>

Используем “разные типы” кавычек. Внешние – одинарные или наоборот

Экранируем “кавычки“ при помощи обратного слэша

Поиск ошибок в JavaScript

Поиск ошибок в JavaScript

JavaScript – это язык, который имеет строгий синтаксис, то есть малейшая ошибка: где-то не поставили точку, не закрыли скобку и т.п. и ожидаемый результат в браузере Вы не увидите. Вы можете смотреть на код и не видеть ошибки или искать её очень долго.

Существую специальные методы, при помощи которых ошибки можно отслеживать и примерно узнавать, где они – в какой строке и понимать их характер.

1.  Некоторые html-редакторы сигнализируют об ошибке. Например, редактор phpDesigner  подчёркивает ту строку, где допущена ошибка. Но не все html-редакторы ведут себя подобным образом и ничего не «говорят» Вам, если Вы допустили ошибку в коде.

2.  Дополнение Firebug если оно у Вас установлено, сигнализирует об ошибке.

3. В браузере Firefox во вкладке Инструменты есть пункт Веб-Разработка – Веб-консоль, который может служить неплохим помощником в поиске ошибок. См. иллюстрацию ниже.

Веб-консоль Firefox

В других браузерах Opera, Google Ghrome и проч.  Есть аналогичные средства для поиска ошибок.

Комментарий в JavaScript

Комментарий в JavaScript

При работе с кодом часто необходимо оставить какое-либо пояснение, пометку, напоминание.

Для этого существуют комментарии – фрагменты текста, которые видны в редакторе, но они не отображаются в браузере.

Комментарии есть в любом языке: Html, Php и т.д.

В JavaScript бывают однострочные и многострочные комментарии. Однострочный комментарий открывают два слэша //, а многострочный открывается слэшэм и звёздочкой /* и так же закрывается */

<script type="text/javascript">

//Это однострочный комментарий
/*
Это
многострочный
комментарий
*/

document.write("Комментарий в браузере не отображается");

</script>

Комментарий в браузере не отображается

Главная Изучаем JavaScript Введение в JavaScript Создание переменных. Их имена

Ваши комментарии к уроку:

Комментарий добавил(а): Anton
Дата: 2017-11-17

Это тестовый комментарий

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru