Автор работы: Пользователь скрыл имя, 21 Апреля 2013 в 12:20, курсовая работа
Цели:
научиться использовать скрипты
уметь располагать списки сценариев
Задачи:
показать пример работы программы
пример расположения тегов
сделать сценарий
function pretty_print(string) {
document.write(" " + string)
}
Эта функция принимает строку как аргумент, прибавляет некоторые теге HTML, используя оператор суммы (+), затем показывает результат в текущем документу.
Определение функции не выполняет ее. Для этого вы должны вызвать функцию, чтобы выполнить ее. Например, вы можете вызывать функцию pretty_print следующим образом:
<SCRIPT>
pretty_print("This is some text to display")
</SCRIPT>
Аргументы функции не ограничены только строками и числами.
Аргументы функции сохраняются в таблице. Внутри функции, вы можете адресовать параметры следующим образом:
functionName.arguments [i]
Где functionName - имя функции, и i - порядковое число аргумента, начинающегося с нуля. Так, первый аргумент в функции, с именем myfunc, будет myfunc.arguments [0]. Общее число аргументов обозначено переменным arguments.length.
Функция может даже быть рекурсивной, то есть она может вызывать себя. Например, существует функция, которая вычисляет факториалы:
function factorial(n) {
if ((n == 0) || (n == 1))
return 1
else {
result = (n * factorial(n-1) )
return result
}
}
Можно показывать факториалы от одного до пяти следующим образом:
for (x = 0; x < 5; x++) {
document.write(x, " factorial is ", factorial(x))
document.write(" ")
}
2.1Доступ к базам данных
Серверная часть JavaScript позволяет
реализовать полноценное
Обращение к программам на других языках
Для желающих использовать функции, где применяются другие языки программирования, в программе на JavaScript предусмотрена удобная оболочка JavaScript для подключения внешних библиотек. С помощью этой оболочки программы на JavaScript могут обращаться к функциям, составленным на Си, а через них и к функциям на других языках программирования, таких, как Си++ или Visual C++. Поскольку нет необходимости переводить эти функции на язык JavaScript, сокращается время разработки и часто достигается выигрыш в производительности.
Функции, разработанные на языках, отличных от JavaScript, называются собственными функциями (native functions) и должны быть размещены во внешней библиотеке. Обращения к ней или ее совместное использование в динамическом режиме происходит в рабочей среде этапа исполнения. Для систем на базе Windows внешняя библиотека должна быть выполнена в виде динамически компонуемой библиотеки (DLL). Для UNIX-систем внешнюю библиотеку следует оформлять как разделяемый объект. Как только собственная функция будет помещена во внешнюю библиотеку, последнюю следует зарегистрировать в среде этапа исполнения JavaScript. Регистрация библиотеки означает для процессора этапа исполнения, что прикладным программам открыт доступ к этой библиотеке.
Javascript подключается напрямую в HTML-файл. Самый простой способ - это написать javascript-команды внутрь тега <script> где-нибудь в теле страницы.
Когда браузер читает HTML-страничку, и видит <script> - он первым делом читает и выполняет код, а только потом продолжает читать страницу дальше.
В этом примере показано начало страницы, затем три раза выполняется функция alert, которая выводит окошко с информацией, а только потом появится остальная часть страницы.
<html> | |
<body> |
<h1>Считаем кроликов</h1> | ||
<script type="text/javascript"> | ||
for(var i=1; i<=3; i++) { | ||
alert("Из шляпы достали "+i+" кролика!") | ||
} | ||
</script> | ||
<h1>...Посчитали</h1> | ||
</body> | |
</html> |
В этом примере использовались следующие элементы.
<script type="text/javascript"> ... </script>
Тег <script> сообщает браузеру о том, что внутри находится исполняемый скрипт. Атрибут type говорит о том, что это javascript. Вообще говоря, атрибут может отсутствовать - разницы нет, но с точки зрения стандарта его следует указать.
Конструкция for
Обычный цикл, по синтаксису аналогичный другим языкам программирования.
Объявление var i
Объявление переменной внутри цикла: i - локальная переменная.
Функция alert
Выводит сообщение на экран и ждет, пока посетитель не нажмет ОК
Атрибут <script type=...>
По стандарту этот атрибут нужен для указания языка скрипта, но по умолчанию принят javascript, поэтому даже атрибута type нет - все работает ок. Но валидатор будет ругаться, т.к стандарт требует этот атрибут.
Иногда используют <script type="text/html"> как оригинальный способ добавить неотображаемые данные на страницу. Браузер не исполняет и не показывает <script> с неизвестным типом. В этом плане он ничем не отличается от обычного <div> с вечным style="display:none".
Атрибут <script language=...>
В старых скриптах нередко можно увидеть атрибут language. Этот атрибут давно мертв и никому не нужен. Не используйте его для javascript.
Комментарии до и после скрипта
В старых руководствах по javascript встречается указание "прятать" javascript-код от старых браузеров, заключая его в HTML-комментарии <!-- ... -->.
2.2 Применение сценариев для создания интерфейса пользователя.
При создании Интернет-магазинов и других аналогичных узлов Web мы используем диалоговый интерфейс, основанный на применении форм и фреймов. Как мы только что сказали, формы создаются с помощью тегов <FORM>. Внутри формы могут располагаться текстовые поля ввода, списки, флажки, кнопки и другие объекты.
Как выполняется обработка данных,
введенных пользователем в
Тут возможны два варианта. Первый таков: данные, введенные пользователем при помощи формы, сразу переправляются на сервер для проверки и обработки. Во втором случае эти данные предварительно проверяются клиентским сценарием.
У каждого из этих двух способов есть свои преимущества и недостатки.
В первом случае преимущества заключаются
в том, что форма не содержит никакого
сценария и, следовательно, нет причин
для возникновения проблем
При применении второго способа введенные пользователем данные проверяются локально. Это улучшает время ответа системы, но иногда приводит к возникновению проблемы совместимости использованного Вами сценария и браузера пользователя.
В том случае, когда Вы ставите перед собой задачу обеспечить максимальную доступность магазина (или другого активного узла Web) для посетителей с любыми браузерами, постарайтесь полностью исключить применение клиентских сценариев. Однако при разработке административных приложений, предназначенных для управления работой приложения Web использование клиентских сценариев для проверки форм вполне допустимо.
Notepad + + с HTML и Javascript
Включение JavaScript для Mozilla Firefox
AAScripter – программа скриптов
JavaScript Maker
Использовать скрипты, сценарии и теги javascript очень просто. В данном проекте это выражено очень чётко. Конструкция системы порядка расположения сценариев, описание тегов, формулировка поставленных задач, всё это выполнено и отмечено.
Я считаю, что работа выполнена хорошо и без каких-либо склонностей к беспорядку расположения информации. Самым сложным было найти подходящую платформу ресурса и рассредоточить её так, чтобы совместно всё давало положительный результат работы.
Информация о работе Разработка приложений с помощью клиентских сценариев HTML на JavaScript