II. Краткое изложение учебного материала. 1. Язык гипертекстовой разметки HTML
1. Язык гипертекстовой разметки HTML
В разделе 4.12 учебника «Информатика» Грошева А.С. приведены некоторые сведения о языке гипертекстовой разметки HTML, который позволяет создавать сложные структурированные красиво оформленные web-страницы. Указывалось также, что на этих страницах могут использоваться программные компоненты – скрипты на языках сценариев, таких, как Java Script, VBScript и TCL для создания динамических страниц и использования HTML как средства создания сетевых приложений.
Сценарий на странице должен располагаться внутри пары тэгов <SCRIPT> и </SCRIPT>. По умолчанию языком сценария считается JavaScript, при использовании языка VBScript следует использовать указание в тэге <SCRIPT LANGUAGE="VBSCRIPT">.
Простейший пример скрипта
Программа может исполняться вызовом ее через Интернет-браузер, если файл программы сохранять с расширением *.htm или *.html.
Простейший пример скрипта, который будет выполнен программой Internet Explorer, если его написать в Блокноте и сохранить с именем My_script1.html:
<SCRIPT LANGUAGE="VBScript"> MsgBox "Привет, WWW!"
</SCRIPT>
Открыв файл My_script1.html двойным щелчком мыши, мы увидим пустую web-страницу и созданную ей Windows-форму, показанную на рисунке 1.1. При этом необходимо разрешить исполнение скриптов на web-странице.
Примеры скриптов с обработкой событий
Пример с обработкой события Click HTML-документа: <meta content="text/html; charset=windows-1251"> Щелкни в окне IE мышкой - увидишь работу VBScript <SCRIPT LANGUAGE="VBScript">
|
|
|
Sub document_onClick()
' процедура для события щелчок мышью на странице
otv = MsgBox("Изменить цвет окна?" ,vbYesNo, "Цвет RND")
if otv = 6 then
' если нажата кнопка Да в окне MsgBox
Randomize
r = 255*rnd : g = 255*rnd : b = 255*rnd document.bgColor = RGB(r, g, b)
' случайный цвет фона документа
Else
document.bgColor = RGB(256, 256, 256)
' белый цвет
End if
End sub
</SCRIPT>
Скрипт может быть расположен в любом месте HTML-документа, но обычно он располагается в начале или в конце документа.
Второй пример с обработкой событий, связанных с изменениями значений полей на HTML-странице – математические вычисления (результат работы программы показан на рисунке 1.2):
<HTML>
<HEAD>
<TITLE>Работа с VBScript</TITLE> </HEAD>
<BODY bgcolor="rgb(225, 250, 230)">
<H3>Пример VBScript на HTML-cтранице</H3>
<P>Задайте количество и цену и нажмите кнопку "Расчет стоимости" </P>
<FORM NAME="frm">
<TABLE> <TR>
<TD> Количество</TD> <TD> Цена</TD>
<TD> Стоимость</TD> </TR>
<TR>
<TD><INPUT TYPE="Text" NAME="Kolich" SIZE=12></TD> <TD><INPUT TYPE="Text" NAME="cena" SIZE=12></TD>
<TD><INPUT TYPE="Text" NAME="stst" SIZE=12 onChange=Calc_OnClick()></TD>
</TR> </TABLE>
<BR>
<INPUT TYPE ="Button" NAME="Calc" _ VALUE="Расчет стоимости">
|
|
|
</FORM> </BODY>
<SCRIPT LANGUAGE="VBScript">
Sub Calc_OnClick()
' процедура расчета произведения значений полей document.frm. stst.value = _
Дата добавления: 2018-02-18; просмотров: 547; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!