Visual Basic Script - руководство начинающего программиста

Copyright© 1998 Моховой Алексей. wanderfly@chat.ru

Все примеры скриптов действуют только в MSIE 3.0 и выше!

Предисловие.

Я не ошибусь, если назову Бейсик (BASIC - Begginners Allpurpose Symbolic Instruction Code, т.е символический командный универсальный код для начинающего :) самым простым языком программирования. Даже при небольшом опыте, программы можно писать практически не задумываясь. Свою историю этот язык программирования высокого уровня начал в далеком 1963 году. Именно тогда небольшой группой студентов последнего курса Дортмутского колледжа под чутким руководством профессора Дж. Кемени и была разработана самая первая версия этого языка. В то время, помимо Бейсика, широко были распространены также Fortran, Cobol, Algol, PL/1, Focal и Pascal. Из них, до настоящего времени дожили, пожалуй лишь Паскаль и Бейсик, сильно изменившись при этом.

Как это не прискорбно для ярых противников Microsoft, но именно эта компания способствовала широкому распространению Бейсика (вспомним Quick Basic). По моему опыту писать на нем было удобнее, чем на Turbo Bacic компании Borland, которая более известна по языку C++. Повсеместная "Виндуализация" PC компьютеров, вынудила к разработке версии Бейсика для Windows приложений. Таким клоном в 1991 году стал Visual Basic, позволяющий визуально создавать прикладные программы, довольно приличного уровня. Но все же, по моему мнению, из за простоты Visual Basic сдает свои позиции тем же Си и Java. С появлением всемирной сети Internet, и языка HTML стало возможным создание активных приложений на веб страницах. Единственным языком для этих целей был Java Script. Да, именно был. Когда свет увидел Microsoft Internet Explorer 3.0, в нем, помимо поддержки Java script появилась и поддержка Visual Basic Scripting Edition, или просто VBscript. Как известно, JavaScript был разработан Netscape и поначалу стал известен как LiveScript. После шумихи вокруг Java, Netscape переименовала его в JavaScript, когда получила лицензию от Sun. Microsoft самостоятельно разработала JScript для своего броузера, за что правда тоже не избежала разбирательств с Sun.

Кроме Java, MSIE3.0 (и выше), может еще и исполнять программы на VBScript. Netscape Navigator не поддерживает пока (надеюсь, что пока) VBScript, поэтому этот язык не очень широко применяется, а многим даже не известен. А жаль, человеку умеющему писать на обычном QB достаточно месяца, а то и меньше, чтобы перейти на VBscript и создавать красивые активные веб страницы, ни чем не уступающие страницам с JavaScript и даже во многим превосходящие их. Поэтому, если с надеждой смотреть в будущее, то изучить VBScript можно уже сейчас. В этой статье я попытаюсь рассказать основы VBScript, не вдаваясь в тонкости. Моя цель, только заинтересовать рядового пользователя и начинающих WebДизайнеров. Вот и все из истории:) Начнем.

Cравнение VBScript и JavaScript.

Прежде чем начинать познавать VBScript, давайте сравним две одинаковые, простые программы на JS и VBS. Это будет полезным для тех, кто знает JavaScript (к коим я не отношусь:(.
Суть программы: вводим текст в верхнее поле, нажимаем кнопку "Скопировать" и текст копируется в нижнее поле.

<FORM NAME=forma>  
<INPUT TYPE="text" NAME="text1">
<BR> 
<INPUT TYPE="text" NAME="text2">
<BR> 
<INPUT TYPE="button" NAME="knopka" 
VALUE="Скопировать"
OnClick=copyfun()> </FORM>  

<SCRIPT LANGUAGE="JavaScript">  

function copyfun()  
{  
var copytext;  
copytext=
document.forma.text1.value;
document.forma.text2.value=
copytext;
}  

</SCRIPT>

<FORM NAME=forma>  
<INPUT TYPE="text" NAME="text1"><BR> 
<INPUT TYPE="text" NAME="text2"><BR> 
 <INPUT TYPE="button" NAME="knopka" 
VALUE="Скопировать" 
OnClick=copyfun()></FORM>  

<SCRIPT LANGUAGE="VBScript">  

sub copyfun  

dim copytext  
copytext=document.forma.text1.value  
document.forma.text2.value=copytext  
end sub  

</SCRIPT>

Да, как видно, различий практически нет. JS поддерживает только функции, VBS и функции и процедуры (подпрограммы). Так же следует отметить, что VBS отличие от JS не чувствителен к регистру символов, т.е. для него что copyfun(), что CoPYfuN() - один пес:). Так что можете сделать выводы, тем, кто знает ява скрипт, будет легко освоить VBS, а тем кто не знает пока ни того не другого будет еще легче, поскольку переучиваться не придется. Учиться лучше на примерах, поэтому постараюсь их здесь приводить побольше. Я надеюсь, что Вы хотя бы умеете писать программы на обыкновенном Бейсике (QB или TB)? Тогда эта статья именно для Вас.

От QuickBasic до VBscript - один шаг.

Начнем изучение не стандартным подходом. Обычно сначала все пишут программу, выводящую на экран строку "ПРИВЕТ ПИПЛЫ :)" Мы же попробуем перевести обычную "Бейсиковскую" программу - на VBscript, чтобы показать - как между ними много общего. Поставим задачу, написать программу, которая бы случайным образом загадывала число от 1 до 100, и предлагала Вам его угадать. При неправильном предположении, программа должна выводить сообщение о том, больше загаданное число или меньше. Ведется подсчет попыток. В случае победы выводится поздравление.

Программа на обычном Бейсике:

10 CLS : RANDOMIZE
20 a = INT ( RND(1)*100+1 ) : p = 1
30 PRINT "Загадано число от 1 до 100, угадайте его:)"
40 PRINT "Ваш вариант";
50 INPUT v
60 IF a > v THEN PRINT "Загаданное число больше" :
      p = p + 1 : GOTO 40
70 IF a < v THEN PRINT "Загаданное число меньше" :
      p = p + 1 : GOTO 40
80 IF a = v THEN PRINT "Ура! Вы победили за";p;"ходов"
90 END

Как видите, такая программа пошла бы даже на БК0010:) Я даже оставил ненавистные операторы GOTO (интересно, об них еще помнят?). Для тех кто не понимает, опишу алгоритм:

10 очистка экрана и включение генератора случайных чисел.
20 переменной "a" присваивается целое случайное значение
  от 1 до 100, счетчику числа попыток присваивается 
  значение=1.
30, 40 выводится сообщение.
50 ввод Вашего варианта "v".
60 если загаданное число больше Вашего варианта, то
   выводится сообщение, на единицу увеличивается счетчик
   попыток и программа отправляется на строку 40.
70 если загаданное число меньше Вашего варианта, то 
   выводится сообщение, на единицу увеличивается счетчик
   попыток и программа отправляется на строку 40.
80 Если числа совпадут то выводится поздравление, кстати,
   по идее, проверку этого условия можно и опустить.
   90 THE END

Код типичной страницы со скрипт программой будет выглядеть примерно так: 
<html> 

<head> 
<title>Угадай число</title> 
</head> 

<body bgcolor="white" text="black"> 

< ... html код формы взаимодействия с VB программой ... > 

<script language="VBscript"> 
... код программы ... 
</script> 

</body>
</html>
Итак, напишем программу реализующую заданные условия с помощью VBscript

Нажмите на кнопку "Загадать число" и угадайте его:)

КОД ПРОГРАММЫ: 
<FORM NAME=ugadai> 
<INPUT TYPE="button" NAME="begin" VALUE="Загадать число"><BR><BR>
Ваш вариант:<BR> 
<INPUT TYPE="text" NAME="chislo"> <BR> 
<INPUT TYPE="button" NAME="but" VALUE="Enter"> 
</FORM> 

<!--******************* угадай число *************************--> 

<script language="vbscript"><!-- 

dim a           ' определяем переменные
dim p
dim v

sub begin_onclick       ' процедура срабатывающая при нажатии
                          (событие onclick)
                        ' кнопки с именем begin
 randomize              ' включение генератора случайных чисел
 a=int(rnd(1)*100+1)    ' присваивание переменной (a) случайного
                          значения
 p = 1                  ' обнуление счетчика
 alert "число загадано" ' вывод сообщения в отдельном окне 
end sub                 ' конец процедуры

sub but_onclick         ' процедура срабатывающая при нажатии
                         (событие onclick) кнопки с именем but

 v = document.ugadai.chislo.value 

' переменной (v) присваивается значение 
' содержащееся в поле ввода формы
' путь: документ (просто эта html страница).форма с именем ugadai.
' объект- поле для ввода с именем chislo. свойство value

 v=cint(v)      ' поскольку поле для ввода содержит текстовую
                ' информацию, то переменную (v) надо преобра-
                ' зовать в целочисленный тип (функция cint)

 if a > v then
   alert "загаданное число больше, попробуйте еще"
   p = p + 1
 end if

 if a < v then
   alert "загаданное число меньше, попробуйте еще"
   p = p + 1
 end if 
   
 if a = v then            
   document.write"<center>Победа за "&p&" ходов.</center>"
 end if
                ' оператор document.write выводит содержащуюся
                ' в кавычках информацию в новое окно броузера
                ' как html код.
                                
end sub
--></script>

Если вдуматься и внимательно изучить приведенный код, то думается многое станет ясным. Ответим на некоторые вопросы, которые могут возникнуть по ходу осмысления программы:

__Что бы произошло, если бы мы в начале скрипта не объявили переменные? Тогда бы значение переменной "a" заданной в процедуре "sub begin_onclick" не было "видно" в других процедурах (например "sub but_onclick" ). Это упущение приведет или к ошибке, или к тому, что значению "a" не будет ничего присвоено. Можно также воспользоваться оператором "public a" вместо "dim a" тогда значение "a" станет видным во всех открытых на данный момент документах, это актуально при фреймовой структуре. Если написать "dim a(100)" то будет задан массив из сотни переменных "a", в точности как в обычном Бейсике. Во многих случаях переменные можно и не объявлять, если тело программы находится в одной процедуре.

__Что такое эти процедуры? Процедура это общее название функций или подпрограмм. Имеет синтаксис:
sub name_событие ....... end sub.
name - это имя процедуры, например мы написали, что кнопка "загадать число" называется "chislo", значит подпрограмма sub chislo_onclick выполнится при нажатии на эту кнопку.
событие - то, что может "случиться" в окне броузера. Например "onclick" означает, что процедура выполнится, при нажатии на кнопку, предварительно заданную в форме (как в нашем случае). Существует несколько видов событий. Из самых распространенных можно отметить: window_onload - запускается при полной загрузке документа:
<Script language="VBscript"><!--
Sub window_onload
Alert "Добро пожаловать на мою домашнюю страницу!"
end sub
--></Script>
При загрузке документа появится окошко с данной надписью и кнопкой ОК

Событие onmouseover - возникает при наведении указателя мыши на гипер ссылку.
Наведите на эту ссылку указатель мыши 
Пример:

<a href="http://wanderfly.da.ru/" name="link"> 
Наведите на эту ссылку указатель мыши</a> 
<script language="vbscript"><!-- 
sub link_onmouseover 
alert "ссылка" 
end sub 
--></script> 

Разумеется, данный пример Вы можете использовать только как шутку на ссылку "xxx", потому что нажать на нее невозможно:) Но если поменять alert "ссылка" на status="Моя домашняя страница", то это сообщение появится в строке статуса.

__ Каков полный синтаксис операторов указывающих как "добраться" до данных в поле ввода?
x = top.имя_фрейма.document.имя_формы.имя_объекта_text_box.value
Таким образом, можно добраться до любых данных в окне броузера, даже если они расположены в другом фрейме.

Подведем первые итоги. VBscript перенял от обычного Бейсика большинство операторов и функций (математических, преобразования данных и т.д.). Отличие выражается в специфических операторах ввода-вывода информации из окна броузера и возможных событиях, которые могут "случиться" при взаимодействии пользователя и страницы.

Справочная информация. Некоторые операторы и функции.

Чтобы Вам было легче экспериментировать в написании скриптов, приведем основные операторы и функции VBscript. А то начнете писать PRINT "привет" или пытаться закончить цикл For оператором Next x :)

Операторы работы с массивами.

Операторы присваивания.

Комментарии.

Константы Boolean.

Функции.

Операторы используемые в выражениях

Текстовые Функции

Ветвление и циклы

Oбъявление функций и процедур

Как вызвать сценарий в VBscript.

Веб страница с активным содержимым, всегда делится как бы на две части: Первая, это html код самой страницы содержащий необходимые элементы управления (ссылки, кнопки, формы для ввода информации и т.д.), и Вторая, сценарии на скрипте, которые начинают работать при различных событиях происходящих с элементами управления. Это можно назвать главной отличительной особенностью программ для веб страниц, от обычных исполняемых приложений.

Рассмотрим основные приемы вызова сценариев, или процедур.

Сценарий вызываемый неявно:

<html>

 <head>
   <script language="VBScript">
        Sub but_onclick
         Alert "Привет пиплы:)"
        End sub
   </script>
 </head>

 <body>
   <form>
        <input type="button" name="but">
   </form>
 </body>
</html>

Такой способ, по моему мнению, самый простой. Указываем имя оператором name="имя" в теге характерризующим элемент управления, это же "имя" пишем в вызываемой процедуре и через знак подчеркивания пишем событие, которое должно произойти для исполнения сценария.

Вызов сценария определяемый в элементе управления:

<html>

 <head>
   <script language="VBScript">
        Sub scenariy
         Alert "Привет пиплы:)"
        End sub
   </script>
 </head>

 <body>
   <form>
        <input type="button" name="but" _
      onclick="scenariy" language="VBScript">
   </form>
 </body>
</html>

Такой способ обрадует приверженцев Java Script. Среди его преимуществ, перед первым методом можно отметить то, что один и тот же сценарий можно вызывать из разных элементов управления.

Автоматический вызов сценария:

<html>
 <body>
   <script language="VBScript">
        Alert "Привет пиплы"
   </script>
 </body>
</html>

Код программы в этом случае выполнится сразу после загрузки документа.

Вызов из другой процедуры:

<html>
 
 <head>
   <script language="VBScript">
        Sub but_onclick
          Call butalert("Привет пиплы")
        End Sub

        Sub butalert(a)
          Alert a
        End Sub
    </script>
 </head>

<body>
   <form>
        <input type="button" name="but" _
      onclick="scenariy" language="VBScript">
   </form>
 </body>
</html>

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

Основные типы данных VBscript

Наверное, те кто знаком со "старым" бейсиком, еще помнят, что для обозначения символьной переменной надо было писать знак бакса или солнышка (a$="привет"). В VBscript этого делать не следует, он имеет только один тип данных, называемый VARIANT. Он может содержать как символы так и числа разной точности. Поэтому для того, чтобы точно определить тип данных, желательно использовать функции преобразования. К примеру, текст вводимый в поле формы имеет текстовый формат, и попытка сложить цифру "3" с цифрой "2" приведет к результату "32":

<Script language="VBscript">
sub summa

          summatext1=document.formasum.summa1.value
          summatext2=document.formasum.summa2.value
          alert summatext1+summatext2

end sub
</Script>

Поэтому надо сделать так, чтобы переменные summatext1 и summatext2 были преобразованы в целые числа функцией Cint(переменная):

<Script language="VBscript">
sub summa

          summatext1=Cint(document.formasum.summa1.value)
          summatext2=Cint(document.formasum.summa2.value)
          alert summatext1+summatext2

end sub
</Script>

Подтипы данных VARIANT.

Некоторые правила VBscript

В заключении следует упомянуть некоторые основные приемы при написании кода скрипта.

Если код не умещается в одной строке, то можно использовать символ продолжения строки:

if a=1 and b=2 or c=3 then alert a
  можно написать как
if    a=1 _
  and b=2 _
   or c=3 _
then alert a

Для "склеивания" двух численных переменных лучше использовать знак "&" чем "+", т.е. a="при" b="вет" тогда a&b="привет"

Код сценария желательно, на всякий случай, заключать в теги комментария <Script language="Vbscript><!-- код --></script>

Заключение

Я уже говорил, что моей задачей не было рассказать все и вся про VBscript, в статье были приведены только справочные данные и основные методы, пригодные для написания простейших сценариев, без применения ActiveX технологии. Тем, кого заинтересовал этот язык программирования, можно порекомендовать книгу (из бумаги :) "Изучаем VBscript" автор Пол Ломакс. Некоторые справочные данные я брал именно из нее.

При большой фантазии, на VBscript можно создать и полноценные приложения, как, к примеру Перекодировщик Rus-Translit или HTML редактор. Так что дерзайте!