Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
1.1 Введение в язык JavaScript

Автор: Denisido

Дата: 2010-06-04

Для чего нужен JavaScript?

Язык программирования JavaScript (JS) придает веб-страницам возможность реагировать на действия пользователя и превращать статичные страницы в динамические, так, чтобы страницы буквально "оживали" на глазах.

Данный язык программирования является клиентским (выполняется на стороне пользователя, без использования сервера). Если вы нацелены на изучение данного клиентского языка, то лучший способ сделать это - начать программировать на нем.
Здесь вы найдете все самое необходимое для создания собственных программ на JavaScript.

Для начала работы с JavaScript вам понадобится текстовый редактор и браузер (IE, FF, OPERA, SF, CHROM и др.) для просмотра результата. Роль текстового редактора может выполнять обычный блокнот, WordPad (Windows) или VIM-редактор (Lunix, MacOC). Есть и профессиональные программы, такие как Dreamweaver (если вы начали изучать JavaScript, то скорее всего уже имеете с ним дело).

Добавляем код JavaScript на страницу

Ниже показан пример обычной HTML страницы:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Введение в JS</title>
</head>
<body>
ТУТ ТЕЛО HTML
</body>
</html>

Для того, чтобы добавить сценарий на страницу нужно дописать следующий код между тегами
<script type="text/javascript" > </script>,
которые дают понять браузеру, что в дело вступает JavaScript.

Javascript пример!
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Введение в JS</title>
<script type="text/javascript">
 alert('Уроки JavaScript');
</script>
</head>
<body>
ТУТ ТЕЛО HTML
</body>
</html>

Строка 06. содержит пример кода на JavaScript (более подробно об этом будет рассказано далее).

Прикрепление внешнего кода JavaScript на страницу

Использовать теги <script> можно только для текущей страницы. Но что делать, если вам нужно использовать один и тот же скрипт сразу на нескольких страницах? Для таких целей намного удобнее применять внешние файлы, рекомендуется в имени использовать расширения .js

Для того, чтобы "прикрутить" внешний файл с расширением .js на страницу нужно в тег script добавить следующий атрибут src со значением, в котором прописываем нужный файл:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Введение в JS</title>
<script type="text/javascript" src="kobru.js"></script>
</head>
<body>
ТУТ ТЕЛО HTML
</body>
</html>

Файл можно назвать как угодно, не обязательно kobru.js, можно например file.js. Теперь весь сценарий будет находится в отдельном файле. Внутри этого файла записывается чистый код:

  
 alert('Уроки JavaScript');
  



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Коментарий добавил(а): fgh1233
Дата: 2010-06-22

Полезная и нужная инфа как для новичков так и для профи. Админу приора!

Коментарий добавил(а): Serega
Дата: 2011-07-07

Имено то,что искал.Огромное спасибо!!!

Коментарий добавил(а): andrey11231990
Дата: 2011-10-12

Здравствуйте! Я предлагаю Вам обменяться ссылками между нашими сайтами, а точнее статьями с ссылками (например, статья с описанием вашего сайта и в ней до 3 ссылок) или размещение одной ссылки в какой-нибудь статье. Еще один вариант - обмен кнопкой или ссылкой со страницы мои друзья. Если согласны, укажите, какой именно вариант обмена вам больше подходит. Предлагаю установить ссылку с сайта proger.elitno.net или programistu.org.ua (на ваш выбор) на ваш сайт. А вы в свою очередь на мой - programistu.org.ua жду ответа на e-mail: andrey11231990@gmail.com

Коментарий добавил(а): Petr_12
Дата: 2013-10-01

Для начала неплохо.

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

Текст коментария:

Введите результат с картинки

Просмотров: 43732

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.