Как встроить код JavaScript в HTML-страницу

Что такое JavaScript

Небольшая книга о JavaScript, которая поможет вам в изучении JavaScript. В книге и рассылке сведения для начинающих: что такое JavaScript, как это работает, письма, которые помогут принять решение, надо ли вам это или нет, а также полезные ссылки на обучающие материалы. Подробнее...

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

Простейший интернет-сайт состоит из одной или нескольких веб-страниц (web-страниц, HTML-страниц).

Чтобы использовать сценарии на JavaScript, необходимо как-то встроить исходный код сценария в веб-страницу.

Вот об этом то я сегодня и расскажу.

Итак, сценарий в теле HTML-страницы может быть вставлен практически в любом месте.

Если вы вставляете какую-то функцию, то её лучше размещать в заголовке страницы. То есть где-то между тегами <head>...</head>.

Сам сценарий помещается между тегами <script> следующим образом:

<script type="text/javascript"> Здесь исходный код сценария </script>

Здесь в качестве параметра открывающего тега <script> мы говорим браузеру, сценарий какого типа мы включили в страницу (в нашем случае это будет текст исходного кода на языке javascript).

Как я уже сказал, сценарий можно вставить в любом месте страницы. Однако, если это сделать между тегами <body>, то исходный код сценария будет виден пользователю. Это, конечно, в общем случае не нужно.

Чтобы текст исходного кода не отображался браузером, исходный код надо написать как комментарий HTML-разметки, то есть между символами

<!--

-->

То есть так:

<script type="text/javascript">  </script>

Но есть ещё одна фишка. Особо тупые браузеры не понимают символа -->. Поэтому, чтобы код гарантированно не был виден пользователю во всех браузерах, рекомендуется делать так:

<script type="text/javascript">  </script>

ПРИМЕЧАНИЕ
Почти все современные браузеры будут нормально работать, даже если вы не используете символы комментариев в HTML-разметке. Однако лучше это делать, так как у пользователя может оказаться какой-нибудь старый браузер.

Ну а теперь пример простейшей HTML-страницы со встроенным сценарием JavaScript:

<html>

<head>

<title>Здесь располагается заголовок страницы</title>

<script type="text/javascript">

<!--

  alert('Мой первый сценарий на web-странице!');

// -->

</script>

</head>

<body>

Здесь располагается основная содержательная часть web-страницы (тело).

</body>

</html>

Создайте текстовый файл, измените у него расширение (должно быть не txt, а htm или html), вставьте указанный выше текст и сохраните.

Затем просто запустите этот файл двойным щелчком мыши. Откроется ваш браузер по умолчанию и появится сообщение “Мой первый сценарий на web-странице!”.

Как вы уже догадались, HTML-страницы и встроенные в них сценарии могут работать на компьютере пользователя, даже если у него нет подключения к интернету. А это значит, что...

ВНИМАНИЕ!
С помощью JavaScript вы можете писать программы, которые будут работать на компьютере пользователя. Причем совершенно не важно, какая у него операционная система! Главное, чтобы его браузер поддерживал выполнение сценариев. И при этом вам не нужны никакие специальные средства разработки, которые стоят безумных денег - достаточно лишь текстового редактора!

>>> JavaScript, jQuery и Ajax с нуля до гуру >>>

Подписаться на канал в YouTube

Вступить в группу "Основы программирования"

Подписаться на рассылки по программированию

Главная
Контакты