ВНИМАНИЕ! Конкурс по программированию!

Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

 
Информация к новости
 (голосов: 0)

От окна к документу

Категория: WEB-программирование » JavaScript » Уроки JavaScript

Теперь, изучив оконные функции, тайминг, можем попробовать применить все это к документу. Что мы понимаем под документом? Документ это содержимое страницы, все то, что включает HTML-код и то как он интерпретируется броузером. В документ, разумеется входит и заголовок страницы. Ведь любой документ должен иметь название, титул, title, заголовок. Связь окно < - > документ построено по следующему принципу: документ представляет собой содержание, а окно придает форму. Иными словами, может задать размеры окна, надпись в строке состояния, цвет полос прокрутки и т.д. Поскольку основой любого документа является текстовая часть, состоящая из строк, то рассмотрим объект-строку.

Объект String это инструмент, позволяющий оперировать текстовой информацией или ее частью. Для задания объектов существуют как явные:

           str = "Это строка";

так и неявные методы:

           str = new String ("Это строка");

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

Рассмотрим пока метод SubStr и свойство length. Для обозначенного нами объекта str:

           len = str.length; // len - получает длину строки
           sub = str.substr(2,4); // sub - часть строки начинаящаяся после второго символа 
                                          и в четыре символа длиной, начиная с третьего,
                                          т.е. для объявленной строки это будет "о ст"

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

<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<SCRIPT>
<!--
var mes = "Автонаборная строка";   // Это глобальные переменные
var start = 0, length, sublen, decr = 1; // доступные всем функциям

function SubStrOut() // вывод части строки от начала до опред. позиции
{
var str;
sublen = length - decr; // получаем строку с длиной меньшей на величину decr
str = mes.substr(start, length - sublen); // вывод строки от начала до длины decr
document.title = str; // в заголовок документа
window.status = str; // в 
decr ++;
if(decr > length) decr = 1;
}

function initstr() // определяем длину строки при загрузке страницы (OnLoad)
{
length = mes.length;
}

setInterval("SubStrOut()", 100); // выводим след. часть строки каждые 0,1 сек
-->
</SCRIPT>
</HEAD>
<BODY onload="initstr();">
<H1>Само набирающиеся строки в заголовке и строке состояния</H1>
</BODY>
</HTML>

Ну вот и все. Посмотрите, как работает этот код. Дальнейшие комментарии, полагаю, излишни. Таким образом мы, опираясь на полученные ранее знания, начали постепенный переход к самой емкой части динамического HTML - документу. В дальнейших статьях мы подробнее углубимся в возможности формирования динамического  содержимого Web-страниц на основе клиентского вида скриптов Java Script.


Источник: web-brodilka.ru
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Добавление комментария

Имя:*
E-Mail:
Комментарий:
Введите два слова, показанных на изображении: *