Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Создание HTML- документов с помощью JavaScript

Обработка событий | Сценарии в HTML-документе | Функции: описание и использование | Стоимость заказа | Вызов функции в качестве оператора | Вычисление суммы баллов и среднего балла за сессию | Использование двух функций | Упражнения | Параметры значения | Объект в качестве параметра функции |


Читайте также:
  1. II. Создание почтовых ящиков.
  2. Автоматическое создание резервной копии данных
  3. Автообработка документов
  4. Архивация. Архиваторы, их универсальные опции. Работа с архивными файлами с помощью архиватора Winrar.
  5. Билет 19. Правление Петра I(1689-1725):утверждение абсолютизма. Реформа государственного аппарата. Создание регулярной армии и флота
  6. Билет 34 Столыпинская аграрная реформа. Разрушение общины.Создание частновладельческих крестьянских хозяйств. Переселенческая политика.
  7. Блок-схема процедуры обработки данных с помощью одномерного массива

Средства языка JavaScript позволяют создать новый HTML- документ в процессе выполнения сценария. Новые, только что созданные документы можно помещать в отдельные окна или заданные фреймы. Рассмотрим простой пример создания новой Web- страницы при выполнении сценария обработки данных из формы.

В качестве параметра метода document.write может использоваться строка, содержащая теги HTML. В этом случае будет создан документ в соответствии с приведенными тегами. Как использовать метод write для выдачи результатов работы сценария в виде таблицы продемонстрируем в следующем примере.

Использование метода write

Создадим документ, в котором пользователь вводит сумму гонорара за три месяца и нажимает на кнопку Вычислить. Вид документа приведен на рис. 1.2

Рис. 1.2. Доходы за квартал

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

Листинг 1.9. Формирование результата в виде таблицы

<HTML>
<HEAD>
<TITLE>формирование результата в виде таблицы</TITLE>
<script>
// сумма за квартал, налог и сумма, выдаваемая на руки
function sum(obj)
{ var d= document
var a1= Number(obj.num1.value)
var a2= Number(obj.num2.value)
var a3= Number(obj.snum3.value)
var s= a1+a2+a3
var n=0.13*s
var m= s-n
var st="<h4> Расчет за квартал </h4><br> <table border=3>"
st=st+"<tr><th> сумма за квартал </th><th> налог </th><th> на руки </th>"
st=st+"<tr><td>" + s + "</td>" + "<td>" + n + "</td>" + "<td>" + m + "</td></tr></table>"
document.write(st);
}
</script>
</HEAD>
<BODY>
<h4>Определение дохода за квартал</h4>
<FORM name="form1">
<p>Введите суммы за каждый месяц и нажмите на кнопку <b>Вычислить</b></p>
<pre>
Январь: <INPUT type="text" name="num1" size=10>
Февраль: <INPUT type="text" name= "num2" size=10>
Март: <INPUT type="text" name="num3" size=10><hr>
<INPUT type="button" value=Вычислить onClick="sum(form1)">
</pre>
<INPUT type="reset">
</FORM></BODY></HTML>

После работы сценария будет сформирован документ, содержащий таблицу вида, как на рис. 1.3.

Рис. 1.3. Результат работы сценария


Дата добавления: 2015-09-04; просмотров: 57 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Вычисление площади и периметра треугольника| Процедурный тип данных и функция eval

mybiblioteka.su - 2015-2024 год. (0.006 сек.)