Совет 1: Как вставлять скрипты

Применяя скрипты (сценарии), можно обрабатывать разные события, изменять внешний вид страницы, проводить анализ вводимых пользователем данных и т.д.



Подобный сценарий вставляется в HTML-код с помощью тэга <SCRIPT>. Вставлять скрипты правильно очень важно. Они размещаются внутри открывающего тэга <HEAD>. Сделано это с целью загрузки кода сценария раньше, чем страницу на экране увидит пользователь. Если сценарий разместить в конце HTML-документа, тогда элементы документа будут загружаться раньше. Такой атрибут, как LANGUAGE, служит для указания языка сценария. При написании сценария на JavaScript язык можно не указывать, т.к. JavaScript по умолчанию считается стандартным языком.

В браузере Internet Explorer, начиная с версии 4.0, также можно применять сценарии, написанные на языке VBScript. Для этого нужно указать язык сценария – он будет либо VBScript, либо VBS. В таком типовом варианте сценарий вставлен внутрь тэга заголовка <HEAD>. Но его можно поместить в любом месте HTML-кода. При разных вариантах выполнения сценария иногда требуется загружать скрипт после загрузки элементов страницы.

Для эффективного использования скриптового языка при создании сценариев (скриптов), необходимо понимать строение объектной модели HTML-документа. Создавая сценарий, нужно понимать, на какие свойства и к каким объектам направлены действия. Все дело в HTML-документе, который при загрузке в браузер передает некоторое внутреннее представление, завязанное на определенное сходство с объектной моделью. В HTML-документе каждый элемент представляется соответствующим объектом.

Так, если пользователь нажимает кнопкой мыши на окне браузера, то Windows отсылает данному браузеру служебное сообщение, в котором содержится информация о нажатых кнопках мыши и клавиатуры, а также координаты указателя на определенной части окна браузера. В такой ситуации браузер принимает решение – обработать команду или нет. Если пользователь активирует кнопку на панели инструментов, тогда браузер автоматически обработает это событие.

Активируя щелчком указатель внутри открытой страницы, браузер через объектную модель пропустит это событие, поскольку в HTML-программе страницы содержится сценарий, отвечающий за обработку данного события. Чтобы на будущее вставлять скрипты правильно, можно предусмотреть обратный путь. Если сценарий предполагает ответить на событие, то инструкции от сценария к браузеру передаются через все ту же объектную модель. При таком подходе браузер решает, как поступать со страницей, и информирует систему об этом. В динамическом HTML пользователь может указывать события, на которые браузер должен отреагировать.

 

Видео по теме

Совет 2 : Как вставить javascript на сайт

Если вы хотите внести какие-то изменения в работу вашего сайта, добавить какие-то визуальные или аудиоэффекты, то вам понадобится установить тот или иной javascript. Как это сделать в HTML-разметке?
Как вставить javascript на сайт
Инструкция
1
Используйте простейший тег для интегрирования любого сценария на HTML-странице: <SCRIPT> код сценария ...</SCRIPT>. Он является контейнером, и вы сможете его разместить в любой части HTML-кода. Например, в заглавной части страницы между тегами <HEAD> …. </HEAD>.
2
Соблюдайте следующие правила при внедрении джаваскрипта на HTML-страницы:- обязателен закрывающий тег </SCRIPT>- в javascript, как и в java прописные и строчные буквы имеют разное значение, (например, Javascript и JavaScript)- после каждой строки необходимо указывать символ «;».
3
Создайте простейший сценарий. Так в тестовом режиме составьте:<script language=”JavaScript”>Alert(“Hello”);</script>
4
Поместите этот код в выбранное место на вашей HTML-странице. После этого на экране появится сообщение: Hello. Чтобы браузер все понял правильно, вы можете добавить и параметры language=”javasript” и type=”text/javascript”. Должно получиться следующее:<script language=”JavaScript” type=”text/javascript”>Alert(“Hello”);</script>
5
Чтобы любой браузер смог прочесть этот сценарий, поместите его текст в такую конструкцию:<script language=”JavaScript” type=”text/javascript”><!—Alert(“Hello world”);//--></script>
6
Если ваш сценарий используется на нескольких страницах сайта, то поместите его в отдельный файл и подключите как внешний, с расширением .js. Это можно сделать при помощи атрибута SRC в том же теге
7
Не забывайте, что действия по установке каждого конкретного джаваскрипта и его синтаксис могут быть различными. Именно поэтому, прежде чем вставлять их на свой сайт, проверьте правильность их составления по справочнику JavaScript.

Совет 3 : Как вводить скрипт

Иногда скрипт перед исполнением преобразуется в исполняемую программу - «компилируется». Но чаще непрофессиональному программисту приходится иметь дело со скриптами, которые остаются набором команд, предназначенным для выполнения другой программой - «интерпретатором». Именно эти скрипты приходится вводить сначала в редактор, а затем и в исполняемую программу.
Как вводить скрипт
Инструкция
1
Если у вас нет нужного скрипта, но вы готовы его создать, то вводить код - чаще говорят «набирать» - можно в любом текстовом редакторе. Однако намного удобнее использовать для этой цели специализированные редакторы - в них предусмотрено большое количество дополнительных функций, которые позволяют создавать скрипты намного быстрее и даже с комфортом. Механизм автозаполнения в таких приложениях за вас дописывает имена команд и функций, опция подсветки синтаксиса окрашивает набираемый код в красивые и информативные цвета. Редактор без вашего участия форматирует большую часть вводимого кода, всплывающими подсказками информирует о том, какие атрибуты доступны для набираемого в данный момент тега. Есть еще масса разных полезных, а для начинающего программиста даже необходимых опций, предусмотренных в специализированных редакторах кода, но отсутствующих в редакторах текста. Поэтому используйте для ввода скриптов, например, Adobe Dreamweaver, Zend Studio, Nusphere PhpED и т.д.
2
Другие инструменты нужны, если скрипт уже существует и его надо ввести в работающее приложение. Если созданный сценарий надо ввести, например, в состав скриптов, обслуживающих работу какого-либо веб-ресурса, рабочим инструментом может стать программа для копирования файлов на сервер. Используйте ftp-клиент, если есть доступ к сайту по этому протоколу. Найти программу этого рода можно в интернете, их существует очень много как в бесплатном варианте, так и за деньги. Установите, например, FileZilla, SmartFTP, FlashFXP и т.д. А если в вашей системе уже инсталлирован популярный файл-менеджер Total Commander, используйте встроенный в него ftp-клиент.
3
Некоторые скрипты требуют совмещения описанных выше шагов - как набирать, так и включать в работу их нужно в одном приложении. Например, это относится к встроенным в веб-страницы JavaScript-сценариям или скриптам, которые вводятся и исполняются в консоли компьютерных игр. Во втором случае запустите игру и в нужный момент вызовите на экран консоль, нажав назначенную этой команде клавишу - чаще всего это значок тильды (~). В одном из углов игрового поля появится отдельное окошко и вам можно будет приступать к вводу скрипта. Нажатие клавиши Enter обычно приводит к исполнению введенных команд, но не исключено, что в вашей игре это делается иначе. Уточнить это можно в описании или в геймерском сообществе этой игры в интернете.

Совет 4 : Как создать java скрипт

Java Script является языком программирования, который обрабатывается браузером при отображении содержимого веб-сайта. Файл JS представляет собой обыкновенный текстовый документ, который может быть создан и отредактирован стандартными средствами системы.
Как создать java скрипт

Создание файла



Создать файл JS можно несколькими способами. Код программы хранится в документе и не требует дополнительной обработки программой-компилятором. Чтобы создать документ, который будет читаться в системе как файл скрипта, кликните правой клавишей мыши на свободной области в «Проводнике» Windows или на рабочем столе. В появившемся контекстном меню выберите параметр «Создать» - «Текстовый документ». Далее вам будет предложено задать имя для будущего файла и его расширение. Если вы хотите, чтобы документ корректно подключался к HTML-странице, желательно задать скрипту имя с использованием латинских букв. После указания имени переместите курсор вправо за точку, которая шла сразу после названия. Измените предложенное Windows расширение «.txt» на «.js» и нажмите Enter. Подтвердите выполнение операции и изменение расширения. Создание документа JS завершено.

Редактирование



Кликните правой клавишей мыши на вновь созданном файле. В появившемся меню выберите опцию «Открыть с помощью». В списке предложенных параметров выберите программу, через которую вам будет легче всего производить ввод программного кода. Например, вы можете выбрать стандартное приложение «Блокнот» или Wordpad. Если у вас имеются другие редакторы, способные открывать файлы JS, они также будут отображены в списке. После открытия вы можете начать вводить код.
Закончив написание скрипта, сохраните изменения в файле при помощи команды «Файл» - «Сохранить».


Вы также можете создать файл JS при помощи «Блокнота». Для этого откройте программу, перейдя в меню «Пуск» - «Все программы» - «Стандартные» - «Блокнот». После этого начните вводить программный код. После окончания ввода нажмите на кнопку «Сохранить как» и выберите папку, в которой вы бы хотели сохранить ваш будущий файл Java Script. Задайте имя для файла а после него поставьте расширение «.js». Таким образом вы укажите все необходимые параметры для идентификации файла Java Script в системе.
Таким образом файл Java Script может исполняться как самостоятельно, так и в окне браузера через загрузку на HTML странице сайта.


После создания документа вы можете его запустить как в Windows, так и в установленном на компьютере браузере через меню «Открыть с помощью». Файл JS может быть подключен в HTML при помощи специальной директивы <script type = “text/javascript” href = “путь_до_файла_JS”>. При этом код <script> должен быть указан в секции <head></head> файла HTML.
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500