Удобно использовать слои в сочетании с программами-скриптами. Доступ к слоям можно осуществить, обращаясь к свойству layers объекта document. Document.layers — это множество всех слоев в документе. Чтобы из этой коллекции выбрать один конкретный слой, необходимо в квадратных скобках указать номер слоя или его имя. Заметим, что номер слоя не обязательно равен z-индексу этого слоя. Z-индекс и номер слоя могут не совпадать в том случае, если в качестве z-индексов использованы непоследовательные числа. В коллекции же document.layers слои пронумерованы последовательно.

Сейчас мы узнаем о том, как можно управлять слоями при помощи JavaScript. И опять мы начнем с рассмотрения примера, в этом примере пользователь имеет возможность скрыть или показать слой путем нажатия кнопки. Вспомним, что объекты в JavaScript могут быть представлены несколькими способами, и слои здесь не являются исключением. Возможно наилучшим способом обращения к слоям является присвоение каждому слою его имени и обращение к слою по его имени. Если мы зададим имя слоя при помощи свойства name, указав его в ярлыке <layer> следующим образом

то мы сможем в дальнейшем обратиться к слою посредством выражения document.layers["myLayer"] или выражения document, my Layer. Конечно, остается возможность обращения к слоям посредством числовых индексов, самый нижний слой при этом может быть описан при помощи выражения document.layers[0].

В качестве примера рассмотрим файл div.htm. Использование слоев, вложенных друг в друга, является эффектным механизмом оживления HTML-страниц. На этой странице два дочерних слоя, вложенных в родительский слой, при помощи программы-сценария перемещаются друг относительно друга.

В этом файле слои layer1 и layer2 вложены в слой parentLayer.

При загрузке страницы родительский слой начинает горизонтальное движение по экрану в окне броузера, нажимая соответствующие кнопки, мы можем заставить двигаться дочерние слои. Повторное нажатие кнопки останавливает соответствующий слой.

Недостатком слоев является то, что их понимает только броузер Netscape Navigator. Internet Explorer при загрузке страницы, содержащий слои, выдаст сообщение об ошибке. При необходимости использовать Internet Explorer, следует изменить текст HTML-страницы. Вместо слоев можно использовать элемент <div>. Div — это блочный элемент. При его использовании требуется использование как открывающего, так и закрывающего ярлыков. Все, что расположено между этими ярлыками, объединяется в относительно самостоятельный блок. Этим блоком можно управлять при помощи сценариев. Если вместо слоев, в которых содержится информация, подобно тексту, написанному на листе бумаги, использовать блок <DIV>, то можно организовать работу HTML-страницы похожую на то, как она работает при загрузке в броузер Netscape Navigator страницы со слоями. См. пример