Отправляет email-рассылки с помощью сервиса Sendsay

JavaScript для начинающих. Изучаем с нуля.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Май 2008   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
14.05.2008
08:17:05
08:19:28
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
ImHoster.net

Статистика

2.443 подписчиков
-1 за неделю
←   Все выпуски   →

JavaScript для начинающих. Изучаем с нуля.


Спонсор Рассылки: Клуб Желающих Создать И Развивать Свой Сайт



Здравствуйте.

С Вами вновь "Javascript для начинающих". И сегодня вас ждёт очередная порция полезной информации. Встречайте.

Java Script спешит на помощь - 1: Включение фрагментов кода на JS в документ



Источник: http://docs.com.ru/js_3.php

.

С развитием всемирной Сети у ее пользователей появилось множество замечательных возможностей. Оной из них является бесплатный хостинг. Разместить свою страничку в Сети проще простого, да к тому же еще за 5 минут, бесплатно... Но всем читателям известно, где по-настоящему есть бесплатный сыр: в обмен на услуги размещения информации, на страничках бесплатного хостинга всплывают баннеры хостера. Также приходится существовать без удобств: как правило, такие сервисы, как SSI, Perl, PHP, SQL, как правило, отсутствуют. Только в последние время начали появляться халявные SSI. А как же быть тем, кто начал сайтостроение в те времена, когда данные сервисы присутствовали только на платных хостингах? Тем, у кого нет даже SSI. Данная статья и призвана им помочь.

А в чем собственно проблема? - могут удивиться непосвященные читатели. Нет, в первое время все будет Ок. Страницы, которые создавались часами, будут загружаться на сервер за считанные секунды. Но вот когда через совсем не большой промежуток времени количество страниц на сайте достигнет нескольких десятков и в очередной раз потребуется добавить новый пункт меню, или изменить адрес Веб-мастера, вот тогда вам и надоест грузить все эти HTML. И возникнет мысля: ведь код таких элементов как меню, шапка, баннеры :) за частую присутствуют на каждой странице в неизменной форме. А при малейшем изменении одного из элементов (скажем надо добавить новый пункт меню), приходится редактировать каждый HTML файл, а после все это загружать. Так и появляется поместить эти повторы в отдельный файл, подключить его к каждой странице, и просто внося в него изменения влиять на содержимое всех страниц. В свое время с этой проблемой боролись про помощи фреймов. Вебмастерам было очень удобно. А посетителям? Ну, как повезет...

С появлением SSI (Server Side Include - перевод в лоб: Серверная Сторона Подключения) все конкретно изменилось. Макроинструкии, исполняемые на сервере позволяли вставлять в документ содержание другого файла. Таким образом, такие элементы как меню выносились в отдельный файл и подключались по необходимости. Теперь для того, чтоб изменить меню на неограниченном количестве страниц, необходимо было изменить один единый файл. Почему SSI так быстро стал популярным? Все очень просто: документ генерировался на стороне сервера, а пользователь получал готовый результат, даже не подозревая, что он был "сложен" в одно целое из нескольких частей. Все вроде бы наладилось. Но не тут то было. SSI считался елитным сервисом, кроме того прилично нагружал сервер. По этой причине только в последние время SSI появился на бесплатных хостингах.

А как же те, кто начинал давно. Те, у кого сайт разросся. Те, у кого нет средство и желание на приобретение платного хостинга и доменного имени. И вообще, что делать тем, кто не хочет переезжать?

JavaScript - наш старый друг и верный помощник приходит на помощь. Благодаря своей простоте и невероятной гибкости, JS позволяет многое. В том числе и подключение содержимого отдельных файлов.

Включение фрагментов кода на JS в документ осуществляется при помощи тега <script>:

<script Language="JavaScript" SRC="путь к файлу с JS кодом">
</script>

Я не буду останавливаться на толковании тегов JS. Кроме того, по-моему, они интуитивно понятны и просты в понимании.

"Путь к файлу с JS кодом" указывает путь и имя файла, содержащего JS код. Код, содержащийся в указанном файле подключается к документу, и у посетителя создается впечатление что код, содержащийся в подключаемом файле попросту был размещен в документе. При этом при просмотре кода документа, посетитель не увидит кода, что содержится в подключаемом файле, а только выше указанную ссылку на него - сам файл будет загружен как отдельно. Из вышесказанного видно главное отличие данного метода от применения SSI. Страница собирается не на сервере, а на компьютере пользователя. Но сам пользователь, разумеется, и не подозревает про это.

Нетерпеливые читатели удивляться - как же может помочь подключение JS кода из файла, когда надо подключать HTML или вовсе текст? Запросто! В JS для вставки строки в документ существует команда

document.write('строка, которую необходимо вставить в документ');

Все, что заключено в кавычки ' ' будет попросту вставлено в документ. Таким образом, можно спокойно вставить в файл конструкцию типа:

document.write('<a href="some link">Link</a>');

и впредь изменением лишь одного подключаемого файла влиять на содержание всего сайта.

Хочу лишь заметить, что в роли кавычек можно использовать как одинарные ' ' так и двойные " ", но при этом в содержимом коде должны отсутствовать такие же кавычки. В противно случае перед ними следует ставить знак \ , например:

document.write("<a href=\"some link\">Link</a>");

И маленький пример:

index.html

<html>
<head>
<title>JS SSI Demo</title>
</head>
<body>
<!- Меню сайта ->
<script Language="JavaScript" SRC="menu.js">
</script>
<!- Конец меню сайта ->
<!- Остальное содержание страницы... ->
</body>
</html>

И сам подключаемый файл:

menu.js

document.write('<a href="some menu link 1">Пункт меню 1</a>');
document.write('<a href="some menu link 2">Пункт меню 2</a>');
document.write('<a href="some menu link 3">Пункт меню 3</a>');
document.write('<a href="some menu link 4">Пункт меню 4</a>');

В результате при открытии файла index.html в него будет подставлено содержимое menu.js и в окне броузера появятся ссылки, код которых находится в menu.js. Также хочу подчеркнуть, что содержимое файла menu.js будет подставляться внутри тега <script>, по сему простая прописка в файле <a href="some menu link 1">Пункт меню 1</a>... ( без document.write(' '); ) не даст ожидаемого результата.

Ну, на сегодня хватит. В следующий раз я расскажу вам о том, как динамически подключать разные файлы и принимать/передавать параметры с одной на другую страницу.



Хотите Изучить Javascript?

Профессионалы с Радостью Вам ПОМОГУТ!



HTML JavaScript, PHP и MySQL. Джентельменский набор Web-мастера

Рассмотрены вопросы создания интерактивных Web-сайтов с помощью HTML, JavaScript, PHP и MySQL без использования специализированных редакторов. Представлен материал о применении каскадных таблиц стилей (CSS) для форматирования Web-страниц. Даны основные конструкции языка РНР, на примерах показаны приемы написания сценариев, наиболее часто используемых при разработке Web-сайтов. Описаны приемы работы с базами данных MySQL при помощи РНР, а также администрирования баз данных с помощью программы phpMyAdmin. Особое внимание уделено созданию программной среды на компьютере разработчика и настройке Web-сервера Apache. На прилагаемом компакт-диске содержатся листинги более чем двухсот примеров, описанных в книге. Для Web-разработчиков

Получить в своё распоряжение

Полный справочник по HTML, CSS и JavaScript

Издание представляет собой современный полный справочник с перекрестными ссылками по HTML, CSS и JavaScript. В первых главах рассматриваются основы HTML, CSS и JavaScript. Далее приводятся сведения обо всех элементах и атрибутах HTML, событиях, стилях CSS, поведениях, фильтрах, свойствах, методах и объектах JavaScript. Элементы языков программирования в каждой из глав перечислены в алфавитном порядке. Для каждого элемента приводится краткое описание, полный синтаксис, пример использования, список совместимых версий браузеров Netscape и Internet Explorer, список элементов, с которыми элемент используется. Веб-дизайнер, веб-мастер, веб-программист - вся нужная вам информация собрана под этой обложкой!

Получить в своё распоряжение

JavaScript. Просто как дважды два

Если вы почувствовали, что вашим Web-страницам недостает динамичности, гибкости и собственного характера, обратитесь к сценариям. С помощью сценариев вы сможете сделать документ таким же умным, как вы сами, вдохнуть в него жизнь и собственный характер. Сценарии - это небольшие программы, вписанные в HTML-код Web-страницы, a JavaScript - пожалуй, наиболее популярный язык написания сценариев для Web-страниц. Этот язык создавался для широкого круга разработчиков Web-страниц, не являющихся профессиональными программистами. Желательно, чтобы читатель имел представление о коде HTML Web-страниц. Впрочем, сведений об HTML, представленных в этой книге, будет достаточно для создания новичками небольших персональных Web-страниц. Если вам до сих пор не приходилось заниматься программированием, написание сценариев станет для вас первым шагом на этом увлекательном пути.

Получить в своё распоряжение

Сценарии для Web-сайта: PHP и JavaScript

Книга посвящена использованию языков JavaScript и РНР для разработки Web-приложений. Приведены основные понятия, связанные с разработкой Web-сайта, а также сведения о языке HTML и каскадных таблицах стилей (CSS). Рассмотрены основы программирования на JavaScript и РНР 5. Приведены практические примеры различных клиентских и серверных сценариев. Описаны особенности и даны рекомендации по применению этих языков. В приложениях содержатся сведения по объектам документа и браузера, с которыми работают клиентские сценарии, а также рассказывается о том. как установить и настроить РНР и Web-сервер IIS в системе Windows. Во втором издании добавлены новые примеры. Для начинающих Web-разработчиков

Получить в своё распоряжение

JavaScript. Освой на примерах

На наглядных примерах даны практические приемы программирования клиентских сценариев для Web-браузеров. Кратко изложены основы создания Web-страниц и скриптов: язык JavaScript, каскадные таблицы стилей (CSS) и объектная модель документа (DOM). Рассмотрено решение типовых задач программирования скриптов: работа с датой и временем, cookies, регулярными выражениями и протоколами. Даны примеры создания динамических эффектов: управление окном браузера, разработка динамических форм, средства и способы работы с изображениями, анимационные эффекты, реализация перетаскивания (Drag and Drop), эмуляция элементов управления пользовательского интерфейса. Рассмотрено написание функционально законченных приложений: реализация визуального редактора HTML и нескольких известных игр на JavaScript. Исходные тексты всех примеров находятся на прилагаемом компакт-диске. Для широкого круга Web-программистов

Получить в своё распоряжение

Основы JavaScript для начинающих

Предлагаемая вашему вниманию книга содержит вводный курс по одному из самых популярных языков программирования, который применяется в Web-дизайне на стороне клиента, - JavaScript. Книга достаточно подробно знакомит читателя с основными особенностями языка, его разновидностями и версиями, используемыми в различных браузерах. Рассмотрены наиболее распространенные типы браузеров и применение JavaScript для них - Internet Explorer, Netscape, Mozilla и некоторые другие. В книге приводятся простые пошаговые инструкции для выполнения сценариев, каждый из них предлагается в нескольких вариантах - для разных браузеров и с учетом требований к Web-странице. Вкратце рассматриваются общие темы Web-программирования, такие как модель документа DOM и таблицы стилей CSS. Все тексты сценариев, приведенных в книге, можно скачать с сайта авторов. Книга будет полезна начинающим осваивать Web-дизайн, а также тем, кто хочет расширить свой кругозор в области программирования.

Получить в своё распоряжение

Раскрытие тайн JavaScript

Книга посвящена одному из самых распространенных в Internet языков сценариев - JavaScript. В ней излагаются основы языка JavaScript. Здесь описаны все необходимые для подготовки сценариев методы и технические приемы, начиная с азов и заканчивая такими передовыми технологиями, как динамический HTML. Опыта работы с JavaScript не требуется, хотя предполагается знание языка HTML. Книга является самоучителем с многочисленными примерами и пошаговыми инструкциями. В конце каждой главы имеется небольшой тест, который поможет закрепить пройденный материал. Книга будет полезна начинающим изучение JavaScript, которые хотят быстро и легко освоить методы использования этого языка для создания насыщенных и динамичных Web-страниц. Опытные дизайнеры найдут здесь свежие идеи и откроют для себя новые способы воплощения своих замыслов.

Получить в своё распоряжение

WMI: программирование на JavaScript и VBScript

Настоящее издание представляет собой авторизированный перевод оригинального немецкого издания "Audi A4, Audi A4 Avant". Книга является руководством по эксплуатации, техническому обслуживанию и ремонту автомобилей Audi A4, Audi A4 Avant с бензиновыми двигателями, выпускаемых с октября 2000 года. Руководство предназначено для работников автосервиса и автомобилистов, вне зависимости от степени подготовленности. В руководстве приведены технические характеристики основных агрегатов и систем автомобиля. Пооперационно изложена последовательность разборки и сборки узлов и агрегатов с уточнением особенностей работ, мер безопасности, замеров необходимых параметров и советов автолюбителям предпочитающим самостоятельный ремонт. В конце каждой главы приведены списки возможных неисправностей, причины их возникновения и методы их устранения. Описания неисправностей сопровождаются советами, которые помогут избежать поломок автомобиля и продлить срок его безаварийной эксплуатации. Последняя глава содержит карту поиска неисправностей и график регулярного технического обслуживания.

Получить в своё распоряжение

JavaScript: подробное руководство

Пятое издание бестселлера «JavaScript. Подробное руководство» полностью обновлено. Рассматриваются взаимодействие с протоколом HTTP и применение технологии Ajax, обработка XML-документов, создание графики на стороне клиента с помощью тега <canvas>, пространства имен в JavaScript, необходимые для разработки сложных программ, классы, замыкания, Flash и встраивание сценариев JavaScript в Java-приложения. Часть I знакомит с основами JavaScript. В части II описывается среда разработки сценариев, предоставляемая веб-броузерами. Многочисленные примеры демонстрируют, как генерировать оглавление HTML-документа, отображать анимированные изображения DHTML, автоматизировать проверку правильности заполнения форм, создавать всплывающие подсказки с использованием Ajax, как применять XPath и XSLT для обработки XML-документов, загруженных с помощью Ajax. Часть III - обширный справочник по базовому JavaScript (классы, объекты, конструкторы, методы, функции, свойства и константы, определенные в JavaScript 1.5 и ECMAScript v3). Часть IV - справочник по клиентскому JavaScript (API веб-броузеров, стандарт DOM API Level 2 и недавно появившиеся стандарты: объект XMLHttpRequest и тег <canvas>).

Получить в своё распоряжение

JavaScript. Библия пользователя

Эта книга адресована широкому кругу читателей Web-дизайнеров, которые решили детально изучить язык JavaScript. Она имеет все шансы завоевать титул полного справочного руководства по JavaScript не только в глазах его разработчиков, но и в сердцах пользователей. В издании подробно описаны практически все средства разработки сценариев JavaScript, используемые в современных и уже устаревших браузерах. Изложение материала начинается с истории и особенностей языка JavaScript и заканчивается описанием сложных приложений, используемых для решения таких задач, как создание формы заказа, обработка XML-данных и др. Особое внимание в книге уделено созданию межбраузерных сценариев, которые максимально эффективно выполняются в подавляющем большинстве используемых в настоящее время браузеров. На прилагаемом к книге компакт-диске предоставлены дополнительные 22 главы на русском языке, все листинги, описанные в книге, некоторые вспомогательные материалы и программы, которые помогут читателю изучить сложные темы и практические примеры.

Получить в своё распоряжение

В избранное