18 Скрипты

18.1 Введение в скрипты

Скрипты предлагают авторам средства усиления интерактивности документов HTML. Например:

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

Авторы могут прикреплять к документу HTML два типа скриптов:

• Скрипты, выполняющиеся один раз при загрузке документа агентом пользователя. Скрипты, описанные в элементе SCRIPT, выполняются при загрузке документа. Для агентов пользователя, не обрабатывающих скрипты, авторы могут определить альтернативное содержимое с помощью элемента NOSCRIPT.
• Скрипты, выполняемые каждый раз, когда происходит определенное событие. Эти скрипты могут назначаться ряду элементов с помощью атрибутов внутренних событий.

18.2 Разработка документов для агентов пользователя, поддерживающих скрипты

Следующие разделы относятся к агентам пользователей, поддерживающих скрипты.

18.2.1 Элемент SCRIPT

<!ELEMENT SCRIPT - - %Script;          -- выражение script -->
<!ATTLIST SCRIPT
  charset     %Charset;      #IMPLIED  -- кодировка символов связанного ресурса --
  type        %ContentType;  #REQUIRED - тип содержимого языка скрипты --
  language    CDATA          #IMPLIED  -- предопределенное имя языка серипта --
  src         %URI;          #IMPLIED  -- URI внешнего скрипта --
  defer       (defer)        #IMPLIED  -- агент пользователя может отложить выполнение скрипта --
  >

Начальный тег: обязателен, Конечный тег: обязателен

Элемент SCRIPT помещает скрипт в документа. Этот элемент может указываться в элементе HEAD или BODY документа HTML несколько раз.

Скрипт может определяться в содержимом элемента SCRIPT или во внешнем файле. Если не установлен атрибут src, агенты пользователя должны интерпретировать содержимое элемента как скрипт. Если для для атрибута src установлено значение URI, агенты пользователей должны игнорировать содержимое этого элемента и загружать скрипт через URI. Обратите внимание, что атрибут charset относится к кодировке символов скрипта, назначаемого атрибутом src; он не относится к содержимому элемента SCRIPT.

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

Синтаксис данных скрипта зависит от языка скрипта.

18.2.2 Указание языка скрипта

Поскольку документ HTML не предполагает определенный язык скрипта, авторы документа должны явно сообщить агентам пользователей язык каждого скрипта. Это может выполняться с помощью объявления скрипта по умолчанию или с помощью локального объявления.

Язык скрипта по умолчанию  

Авторы должны указывать язык скрипта по умолчанию для всех скриптов в документе, включив следующее объявление META в тег HEAD:

<META http-equiv="Content-Script-Type" content="type">

где "type" - тип содержимого, именующий язык скрипта. Примерами значений являются "text/tcl", "text/javascript", "text/vbscript".

Если отсутствует объявление META, значение по умолчанию может устанавливаться с помощью заголовка протокола HTTP "Content-Script-Type".

    Content-Script-Type: тип

где "тип" - тип содержимого, именующий язык скрипта.

Агенты пользователей должны определять язык скрипта по умолчанию для документа в соответствии со следующими действиями (приоритет от высшего к низшему):

1. Если в объявлении META задается "Content-Script-Type", язык скрипта по умолчанию задается последним таким объявлением в потоке символов.
2. В противном случае, если в заголовках HTTP задается "Content-Script-Type", язык скрипта по умолчанию задается последним таким объявлением в потоке символов.

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

Локаьлное объявление языка скрипта 

Язык скрипта можно задавать в каждом элементе SCRIPT с помощью атрибута type. Если не указан язык скрипта по умолчанию, этот атрибут должен устанавливаться для каждого элемента SCRIPT. Если задан язык скрипта по умолчанию, атрибут type имеет приоритет над ним.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
     "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
<TITLE>Документ со скриптами</TITLE>
<META http-equiv="Content-Script-Type" content="text/tcl">
<SCRIPT type="text/vbscript" src="http://someplace.com/progs/vbcalc">
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT type="text/javascript">
...код JavaScript...
</SCRIPT>
</BODY>
</HTML>

Ссылки из скрипта на элементы HTML 

Каждый язык скриптов имеет собственные соглашения относительно ссылок на объекты HTML в скрипте. В данной спецификации не определяется стандартный механизм для ссылки на объекты HTML.

Однако скрипты должны ссылаться на элементы в соответствии с назначенным им именем. Ядро скриптов должно соблюдать при идентификации элемента следующие правила приоритета: атрибут name имеет преимущество над атрибутом id, если установлены оба эти атрибута. В противном случае используется установленный атрибут.

18.2.3 Внутренние события

Действие можно связать с определенным рядом событий, происходящих при взаимодействии пользователя с агентом. Значением каждого из перечисленных выше "внутренних событий" является скрипт. Этот скрипт выполняется, если это событие происходит для этого элемента. Синтаксис скрипта зависит от языка скрипта.

Элементы управления, такие как INPUT, SELECT, BUTTON, TEXTAREA и LABEL реагируют на внутренние события. Если они не отображаются в форме, они могут использоваться для улучшения графического интерфейса доумента.

Например, авторы могут включить в документы кнопки, которые не используются для отправки формы, но при нажатии которых происходит некоторое взаимодействие с сервером.

В следующем примере показан возможное поведение управляющего элемента и интерфейса пользователя в зависимости то внутренних событий.

<INPUT NAME="userName" onblur="validUserName(this.value)">

<INPUT NAME="num"
    onchange="if (!checkNum(this.value, 1, 10)) 
        {this.focus();this.select();} else {thanks()}"
    VALUE="0">

    <INPUT name="edit1" size="50">    
    <SCRIPT type="text/vbscript">
      Sub edit1_changed()
        If edit1.value = "abc" Then
          button1.enabled = True
        Else
          button1.enabled = False
        End If
      End Sub
    </SCRIPT>

    <INPUT name="edit1" size="50">
    <SCRIPT type="text/tcl">
      proc edit1_changed {} {
        if {[edit value] == abc} {
          button1 enable 1
        } else {
          button1 enable 0
        }
      }
      edit1 onChange edit1_changed
    </SCRIPT>

    
<BUTTON type="button" name="mybutton" value="10">
<SCRIPT type="text/javascript">
      function my_onclick() {
         . . .
      }
    document.form.mybutton.onclick = my_onclick
 </SCRIPT>
 </BUTTON>

    
<SCRIPT type="text/javascript">
      function my_onload() {
         . . .
      }

      var win = window.open("some/other/URI")
      if (win) win.onload = my_onload
</SCRIPT>

 <SCRIPT type="text/tcl">
     proc my_onload {} {
       . . .
     }
     set win [window open "some/other/URI"]
     if {$win != ""} {
         $win onload my_onload
     }
 </SCRIPT>

18.2.4 Динамическое изменение документов

Динамическое изменение документа может моделироваться следующим образом:

1. Все элементы SCRIPT оцениваются по порядку при загрузке документа.
2. Оцениваются все конструкции скрипта в данном элементе SCRIPT, генерирующие SGML CDATA. Сгенерированный текст вставляется в документ вместо элемента SCRIPT.
3. Сгенерированные CDATA оцениваются повторно.

Документы HTML ограничиваются требованием соответствия HTML DTD до и после обработки элементов SCRIPT.

 <TITLE>Тестовый документ</TITLE>
 <SCRIPT type="text/javascript">
     document.write("<p><b>Hello World!<\/b>")
 </SCRIPT>

 <TITLE>Тестовый документ</TITLE>
 <P><B>Hello World!</B>

18.3 Разработка документов для агентов пользователей, не поддерживающих скрипты

В следующих разделах обсуждается создание документов для агентов пользователей, не поддерживающих скрипты.

18.3.1 Элемент NOSCRIPT

<!ELEMENT NOSCRIPT - - (%block;)+
  -- альтернативное содержимое для представления без скриптов -->
<!ATTLIST NOSCRIPT
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

Начальный тег: обязателен, Конечный тег: обязателен

• Агент пользователя сконфигурирован так, чтобы не выполнять скрипты.
• Агент пользователя не поддерживает язык скриптов, используемый элементом SCRIPT.

Агенты пользователей, не поддерживающие клиентские скрипты, должны представлять содержимое этого элемента.

<SCRIPT type="text/tcl">
 ...скирпт на языке Tcl для вставки данных...
</SCRIPT>
<NOSCRIPT>
 <P>Доступ к данным <A href="http://someplace.com/data">.</A>
</NOSCRIPT>

18.3.2 Как скрыть скрипт от агентов пользователей

Агенты пользователей, не распознающие элемент SCRIPT, могут представить его в виде текста. Некоторые ядра скриптов, включая ядра для языков JavaScript, VBScript и Tcl, позволяют включать выражения скриптов в комментарий SGML. Агенты пользователей, не распознающие элемент SCRIPT, будут игнорировать комментарии, а ядро скрипта обнаружит и выполнит его.

Другим решением этой проблемы является хранение скриптов во внешних документах и ссылка на них с помощью атрибута src.

<SCRIPT type="text/javascript">
<!--  скрыть содержимое скрипта от старых браузеров
  function square(i) {
    document.write("Вызов передал ", i ," в функцию.","<BR>")
    return i * i
  }
  document.write("Функция вернула ",square(5),".")
// конец скрытого содержимого  -->
</SCRIPT>

   <SCRIPT type="text/vbscript">
     <!--
       Sub foo()
        ...
       End Sub
     ' -->
    </SCRIPT>

<SCRIPT type="text/tcl">
<!--  скрыть содержимое скрипта от старых браузеров
  proc square {i} {
    document write "Вызов передал $i в функцию.<BR>"
    return [expr $i * $i]
  }
  document write "Функция вернула [square 5]."
# конец скрытого содержимого  -->
</SCRIPT>