JavaScript. Подробное руководство, 6-е издание
Шрифт:
/**
* TOC.js: создает оглавление документа.
*
* Этот модуль регистрирует анонимную функцию, которая вызывается
* автоматически по окончании загрузки документа. Эта функция сначала
* отыскивает элемент документа с атрибутом id="TOC".
Если такой элемент
* отсутствует, функция создает его, помещая в начало документа.
*
* Затем функция отыскивает все элементы с <h1> по <h6>, интерпретируя их как
* заголовки разделов и создает оглавление внутри элемента ТОС. Функция добавляет
* номера разделов в каждый заголовок и обертывает заголовки именованными
* якорными элементами, благодаря чему оглавление может ссылаться на них.
* Якорным элементам даются имена, начинающиеся с приставки "ТОС", поэтому вам следует
* избегать использовать эту приставку в своей разметке HTML.
*
* Оформление элементов оглавления можно реализовать с помощью CSS. Все элементы имеют
* класс "TOCEntry". Кроме того, каждый элемент оглавления имеет класс, соответствующий
* уровню заголовка раздела. Для заголовков, оформленных тегом <h1>, создаются элементы
* оглавления с классом "TOCLevell",для заголовков <h2> - с классом "T0CLevel2" и т. д.
* Номера разделов, вставляемые в заголовки, получают класс "TOCSectNum".
*
* Этот модуль можно использовать с каскадными таблицами стилей, такими как:
*
* #Т0С { border: solid black 1рх; margin: Юрх; padding: Юрх; }
* .TOCEntry { font-family: sans-serif; }
* .TOCEntry a { text-decoration: none; }
* .TOCLevell { font-size: 16pt; font-weight: bold; }
* .T0CLevel2 { font-size: 12pt; margin-left: .5in; }
* .TOCSectNum:after { content: "; }
*
*
Последнее определение генерирует двоеточие и пробел после номера раздела.
* Чтобы скрыть номера разделов, можно использовать следующий стиль:
*
* .TOCSectNum { display: none }
*
* Этот модуль использует вспомогательную функцию onLoad.
**/
onLoad(function { // Анонимная функция, определяющая локальн. обл. видимости
// Отыскать контейнерный элемент для оглавления.
// Если такой элемент отсутствует, создать его в начале документа,
var toc = document.getElementById("TOC");
if (!toc) {
toc = document.createElementC'div");
toc.id = "TOC";
document.body.insertBefore(toc, document.body.firstChild);
}
// Отыскать все элементы заголовков разделов
var headings;
if (document.querySelectorAll) // Возможно есть более простой путь?
headings = document.querySelectorAll(”h1,h2,h3.h4, h5. h6”);
else // Иначе отыскать заголовки более сложным способом
headings = findHeadings(document.body, []);
// Выполняет рекурсивный обход тела документа в поисках заголовков
function findHeadings(root, sects) {
for(var с = root.firstChild; c != null; c = c.nextSibling) {
if (c.nodeType !== 1) continue;
if (c.tagName.length == 2 && c.tagName.charAt(O) == "H")
sects.push(c);
else
findHeadings(c, sects);
Поделиться:
Популярные книги
Учебная книга по Русской истории
Проза:
классическая проза
5.00
рейтинг книги
Эпоха Опустошителя. Том V
5. Вечное Ристалище
Фантастика:
аниме
фэнтези
попаданцы
5.00
рейтинг книги
Я снова граф. Книга XI
11. Дорогой барон!
Фантастика:
боевая фантастика
попаданцы
аниме
5.00
рейтинг книги
Гуманитарное знание и вызовы времени
Humanitas
Научно-образовательная:
культурология
5.00
рейтинг книги
Adobe InDesign CS3
Видеосамоучитель
Компьютеры и Интернет:
программное обеспечение
5.00
рейтинг книги
Мы сможем?
Любовные романы:
5.00
рейтинг книги
Гоген в Полинезии
Документальная литература:
биографии и мемуары
5.00
рейтинг книги
Эволюционер из трущоб
1. Эволюционер из трущоб
Фантастика:
попаданцы
аниме
фэнтези
фантастика: прочее
5.00
рейтинг книги
Путешествия Христофора Колумба (Дневники, письма, документы)
Научно-образовательная:
история
5.00
рейтинг книги
Путь Шедара
4. Другая сторона
Фантастика:
боевая фантастика
6.83
рейтинг книги
3ds Max 2008
Видеосамоучитель
Компьютеры и Интернет:
программное обеспечение
5.00
рейтинг книги
Невеста Дерини
4. Хроники короля Келсона
Фантастика:
фэнтези
7.14
рейтинг книги
Слово (Том 1)
5.00
рейтинг книги
Рассвет русского царства. Книга 2
2. Новая Русь
Фантастика:
альтернативная история
попаданцы
историческое фэнтези
5.00