AJAX загрузка
home

Структурно JavaScript состоит из трех частей.

Структура JavaScript

В окружении браузера JavaScript структурно состоит из трех частей:

  1. Ядро (также известно как ECMAScript) является основой для функционирования остальных частей. В ядре реализуется синтаксис языка т.е. определяются ключевые и зарезервированные слова, условные конструкции, циклы, объекты и т.д. Ядро само по себе не имеет средств для вывода информации.

    Пример 

    //Данный пример ничего не выводит так как в нем используются только возможности ядра
//Создаем массив
var var1=new Array("Машина", "Трактор");
//Создаем функцию, которая складывает переданные значения и возвращает результат
function sum(a,b) {
   return a+b;
}
//Вызовем функцию и запишем результат в переменную c
c=function(4,10);
    Попробовать в редакторе
    Быстрый просмотр

    2. Обратите внимание: ядро может использоваться в средах отличных от окружения браузера. К примеру оно используется в OpenOffice.org, Adobe Reader, Adobe Flash.

    Обратите внимание: в предыдущих главах учебника в основном было рассмотрено именно ядро JavaScript. Остальные части будут рассматриваться далее в этом и в HTML DOM учебнике.

  2. Объектная модель браузера (Browser Object Model или сокращенно BOM). С помощью BOM Вы можете управлять поведением браузера из JavaScript, считывать информацию о браузере, выполнять код по расписанию и т.д.

    Пример 

    <html>
<body>
<p>После нажатия на кнопку ниже будет отрыто новое окно браузера:</p>
<script type=text/javascript>
function winop() {
   open('','_blank');
}
</script>
<form>
<input type="button" value="Нажми на меня" onclick="winop()" />
</form>
</body>
</html>
    Попробовать в редакторе
    Быстрый просмотр

  3. Объектная модель документа (Document Object Model или сокращенно DOM) это инструмент, с помощью которого языки программирования могут получать доступ к HTML и XML документам. Таким образом с помощью DOM Вы можете динамически изменять содержимое HTML и XML страниц.

    Пример 

    <html>
<head>
<script type=text/javascript>
function change() {
   document.getElementById('ch1').innerHTML='Текст данного абзаца был изменен с помощью JavaScript.';
}
</script>
</head>
<body>
<p>После нажатия на кнопку ниже содержимое абзаца изменится на 'Данный текст выведен
с помощью JavaScript'.</p>
<input type='button' value='Нажми на меня' onclick='change()' />
</form>
<p id='ch1'>Это абзац содержащий обычный текст. Это абзац содержащий обычный текст. </p>
</body>
</html>
    Попробовать в редакторе
    Быстрый просмотр