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



04.09.2017
Новая задача Программа вычисления суммы.

03.09.2017
Новое видео Стековый калькулятор и обратная польская запись.

26.08.2017
Новая статья Версии Делфи.

23.08.2017
Новая статья Для кого пишется программа.

13.08.2017
Новая статья Стандарт C++: общие сведения.

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

Javascript + jQuery для начинающих ПРИМЕЧАНИЕ
Если вы уже созрели для того, чтобы всерьёз начать обучение языку JavaScript, то лучшего видеокурса вам не найти - от самого известного в рунете автора очень крутой обучающий курс Javascript + jQuery для начинающих в видеоформате

ПОЛУЧИТЬ

Итак, мы уже выяснили, что основное применение сценариев на языке 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 для начинающих ПРИМЕЧАНИЕ
Если вы уже созрели для того, чтобы всерьёз начать обучение языку JavaScript, то лучшего видеокурса вам не найти - от самого известного в рунете автора очень крутой обучающий курс Javascript + jQuery для начинающих в видеоформате

ПОЛУЧИТЬ

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

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