| Главная » Статьи » JavaScript |
|
Урок №2:Начальные сведения. Синтаксис В этом уроке мы разбирем синтаксис языка, для более легкого понимания можно воспользоваться простой аналогией из повседневной жизни. Возьмем два любых слова, например - "читать" и "книга". Нам известно, что слово "читать" - обозначает действие, а слово "книга" - обозначает некоторый предмет (объект). Мы можем связать эти слова, используя правила родного языка (великого и могучего) и получить, например, фразу "читать книгу", в то время, как "книга читать" похожа, скорее, на (простите) чукотский вариант произношения данной фразы. Так и в любом языке программирования существуют правила, определяющие, каким образом связывать "слова" и разделять "предложения". В данном разделе урока мы с ними познакомимся. Однако, для начала, стоит задать себе несколько вопросов:
Инструментальные средстваТак как инструкции JavaScript чаще всего записываются непосредственно в HTML файле страницы, то для написания сценария подойдет обыкновенный текстовый редактор (например - "блокнот" Windows).
Кроме "блокнота", существует множество редакторов, специально созданных для написания HTML страниц и сценариев: Microsoft Visual Interdev (версии 6 или 7), VisicomMedia AceHTML 5 Pro и т.п. При использовании таких специализированных инструментальных средств вы получите ряд преимуществ: выделение цветом элементов кода (ключевых слов, строк, чисел и т.д.), всплывающие подсказки, отображающие аргументы функций, автоматическая вставка или выбор из списка известных языковых конструкций (вы пишете docu, нажимаете Ctrl+Пробел и получаете document), шаблоны кода и т.п. Наиболее мощным редактором в этом плане является Microsoft Visual Interdev 7, входящий в поставку Microsoft Visual Studio 7, однако, для установки этого програмного пакета требуется не менее 1 гигабайта (!!!) на жестком диске. AceHTML 5 Pro требует значительно меньше места (несколько десятков мегабайт), но обладает меньшими функциональными возможностями. Так что выбор за вами, тем более, что пользоваться обоими редакторами достаточно просто. Размещение сценарияРазобравшись с редакторами и браузером, можно приступать к следующему вопросу: "Где (в каком месте страницы) писать команды JavaScript?". Здесь есть несколько вариантов или подходов:
Примечание: команды JavaScript можно записывать так же и в обработчиках событий элементов, однако, тема обработки событий в данном уроке не рассматривается - этим вопросом мы займемся позже, когда вы в достаточной мере овладеете основами языка. В обоих перечисленных выше случаях используется элемент <script>, располагаемый в заголовке или теле страницы (см. выделенные строки примера): Стартовый тэг элемента <script> может иметь насколько атрибутов:
В случае, когда элемент <script> содержит атрибут src текст сценария берется из указанного файла, а содержимое самого элемента игнорируется. Такой подход используют в тех случаях, когда необходимо централизовать общий для нескольких страниц сценарий - это экономит размер страниц, а, так же, упрощает модификацию сценария. Зачастую не имеет значения, в каком месте документа расположен сценарий (в заголовке или в теле страницы). Стандарты HTML рекомендуют размещать элемент <script> в разделе заголовка страницы, однако есть несколько исключений:
СинтаксисВ данной части урока речь пойдет даже не о синтаксисе (по сути дела синтаксис мы будем изучать на протяжении всего курса), а о правилах, соблюдение которых избавит вас от многих возможных ошибок:
// однострочный комментарий /* блочный комментарий */ Совет: комментарии не рассматриваются интерпретатором, поэтому их можно использовать для временного сокрытия участков кода при отладке или внесении изменений. Кроме того полезно комментировать участки кода - это делает текст сценария более понятным и облегчает поиск требуемых фрагментов. Работа с браузерами, не поддерживающими JavaScriptНа сегодняшний день все популярные браузеры поддерживают JavaScript. Однако остается вероятность (пусть небольшая), что кто нибуть будет просматривать вашу страницу браузером, не имеющем поддержки JavaScript. Так же, эту поддержку в любом браузере можно отключить и включить, при необходимости. Если браузер не поддерживает JavaScript, то содержимое элемента <script> не будет интерпретировано, а будет выведено на страницу в виде текста. Такое поведение браузера будет не совсем корректным и этого необходимо избегать. Для этого текст скрипта помещают в блок HTML комментария следующим образом: <script type="text/javascript"> <!-- текст сценария //--> </script> Браузеры, поддерживающие JavaScript, комментарии просто игнорируют. А для браузера, не имеющего поддержки JavaScript, текст сценария будет обыкновенным комментарием и просто не будет выводиться на страницу. Кроме того, можно вывести на страницу текст сообщения, говорящий о том, что браузер не имеет поддержки JavaScript. Для Этого текст сообщения размещают в элементе <noscript> ... </noscript>. Ниже представлен пример, демонстрирующий классический подход к решению проблемы поддержки сценариев: Как вы можете видеть, в элементе <noscript> можно использовать HTML разметку. Это дает нам возможность вывести гиперссылку, при щелчке на которой, пользователь перейдет на страницу, не содержащую сценариев. Простой примерДля закрепления полученных сведений и демонстрации работы JavaScript, предлагаю написать простой пример, выдающий на экран диалоговое окно с некоторым текстом. Учтите, что тех знаний JavaScript, что вы получили в данном разделе урока, недостаточно для написания даже простого примера. Поэтому примите новые для вас сведения "на веру", а к концу данного урока вы и сами будете способны создавать такие (и даже более сложные) скрипты. Листинг №1.2: Пример применения JavaScript Советую купить клееный брус недорого | |
| Категория: JavaScript | Добавил: Шаке (25.04.2012) | |
| Просмотров: 2023 | Комментарии: 1 | Теги: |
| Всего комментариев: 0 | |
