Согласие на обработку персональных данных.

11.12.2019
Новые видео и статья Orwell Dev Cpp.

07.12.2019
Новые видео и статья Как изменить шрифт в HTML.

03.12.2019
Новый выпуск журнала Автоматизация и Программирование.

26.11.2019
Новые видео и статья Классы, конструкторы и прототипы в JavaScript.

22.11.2019
Новые видео и статья Функции в JavaScript.



Раздел: Сайтостроение / JavaScript /

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

Что такое JavaScript Что такое 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 с нуля до гуру >>>



Что такое JavaScript Что такое JavaScript

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

Инфо-МАСТЕР ®
Все права защищены ©
e-mail: mail@info-master.su

Яндекс.Метрика