ВНИМАНИЕ! Конкурс по программированию!
Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.
- Просмотров: 903
- Автор: КазКиберГетик
От окна к документу
Категория: 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
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.




