logo_s

САМОУЧКА

Сайт для тех, кто хочет научиться

 

 

 

 

 

 

Главная

О Нас

Публикации

Связь

 

 

 

 

 

 

 

Наши публикации

 

HTML для новичков

 

XHTML

 

CSS для новичков

 

CSS 3

 

JavaScript

 


< Предыдущая  Следующая >

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

 

Структура JavaScript

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

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

Пример

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

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

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

·  Объектная модель браузера (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>

Объектная модель документа (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>

  
  
  
  


  
  
  
  
< Предыдущая  Следующая >
 

 

 

 

 

 

 

 

 

 

 

Последние добавления

 

HotLog