Удобство применения слоев заключается в том, что их параметры можно изменять динамически с помощью скриптов, написанных с помощью языка JavaScript или VBScript. Это дает возможность создавать на веб-странице разные эффекты, такие, как: выпадающие меню, игры, разворачивающиеся баннеры, плавающие окна и другое.
JavaScript использует несколько способов обращения к слою, которые имеют свои особенности в различных браузерах.
Internet Explorer
Браузер использует обращение к слою тремя способами: с помощью
метода семейства item, напрямую по
имени элемента и косвенно через массив. Так, для слоя с именем layer1
обращение будет следующим.
Ссылаясь с помощью метода item или через массив семейства all, можно запросить слой по имени, передавая его в качестве параметра.
Netscape Communicator
В данном браузере слои реализуются с помощью тега LAYER, который
поддерживается только Netscape. На наше счастье, браузер прекрасно
понимает и тег DIV, поэтому код для создания слоя, приведенный в
примере 1, не изменится. По другому будет лишь обращение к слою
из JavaScript.
Отличие от браузера Internet Explorer — в семействе layers объекта document, который поддерживается только браузером Netscape версии 4 и выше. Начиная с 6 версии Netscape, указанное обращение не следует использовать.
Opera
Opera предлагает свой путь работы со слоями, через семейство getElementById
объекта document. Обращение к слою
будет следующим..
Это не массив, поэтому указание имени слоя берется в круглые скобки.
DOM (Объектная модель документа)
DOM рекомендует использовать для обращения к слою метод document.getElementById("layer").
Его поддержка встроена во все последние версии браузеров и корректно
ими воспринимается.
Хотя метод getElementById теперь стал единым для основных браузеров способом обращения к обоъектам веб-страницы, для совместимости с ранними версиями браузеров и создания универсального кода иногда требуется определить, в каком браузере открывается документ.В простейшем случае, определение браузера будет следующим.
Здесь не определяется версия браузера, что в некоторых случаях может понадобиться.
Вышеуказанные отличия в реализации разных браузеров при обращении к слоям этим не ограничиваются. При каждом изменении какого-либо параметра слоя, придется определять тип браузера и применять свои настройки.
Internet Explorer обращается к свойствам слоя через стили.
Netscape Communicator 4 напрямую.
А Opera также применяет свойство стилей.
Основные эффекты слоя, которые применяются для различных задач — спрятать/показать слой, изменение координат и положения слоя.