Сценарии JavaScript в активных страницах Web



              

Вариация третья: с переменной и функциями


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

Листинг 1.4. Файл chapter1/HelloFn/HelloFn.html

<HTML>

  <HEAD>

    <TITLE>Hello, world!</TITLE>

    <SCRIPT LANGUAGE="JavaScript">

    <!--

    var szHelloMsg = "Hello, world!";

    function printString(szString)

    {

      document.write(szString.bold());

    }

    function printHello()

    {

      printString(szHelloMsg);

    }

    // -->

    </SCRIPT>

  </HEAD>

  <BODY BGCOLOR=white>

    <H1>JavaScript Test</H1>

    <P>Message:

    <SCRIPT LANGUAGE="JavaScript">

    <!--

    printHello();

    // -->

    </SCRIPT> 

  </BODY>

</HTML>

Эта программа записывает в документ сообщение “Hello, world!”, выделяя его жирным шрифтом (рис. 1.3).

Рис. 1.3. Сообщение выделено жирным шрифтом

Рассмотрим исходный текст нашего документа HTML и встроенного в него сценария JavaScript.

Прежде всего, обратите внимание на область заголовка документа, выделенную операторами <HEAD> и </HEAD>. В этой области расположено определение одной переменной и двух функций, оформленное с применением операторов <SCRIPT> и </SCRIPT>:

<SCRIPT LANGUAGE="JavaScript">

<!--

  var szHelloMsg = "Hello, world!";

  function printString(szString)

  {

    document.write(szString.bold());

  }

  function printHello()

  {

    printString(szHelloMsg);

  }

// -->

</SCRIPT>

Кроме того, в теле документа HTML есть еще один раздел сценариев, выделенный аналогичным образом:

<SCRIPT LANGUAGE="JavaScript">

<!--

  printHello();

// -->

</SCRIPT> 

Переменная с именем szHelloMsg определяется при помощи оператора var, причем ей сразу же присваивается начальное значение - текстовая строка  "Hello, world!".




Содержание  Назад  Вперед