|
%20is%20sample%20text.
%0D%0A%u042D%u0442%u043E%20%u0442%u0435%u043A%u0441%u0442%2C%20%u043A%u043E%u0442%u043E%u0440%u044B%u0439%20%u044F%20%u043D%u0430%u0431%u0440%u0430%u043B%20%u0434%u043B%u044F%20%u043F%u0440%u0438%u043C%u0435%u0440%u0430.
%0D%0A%0D%0A%u0410%u043B%u0435%u043A%u0441%u0430%u043D%u0434%u0440%20%u0424%u0440%u043E%u043B%u043E%u0432.
~~local~~/E:\JavaScript\Source\chapter7\Notebook\
0
642302464
29173566
2120102016
29171554
*
В самом начале файла видно имя MyText параметра cookie. На следующих строках
до строки ~~local~~ расположено значение параметра MyText, соответствующее
тексту, показанному на рис. 7.4.
Вслед за строкой ~~local~~ идет локальный адрес URL документа и другие
параметры cookies, такие как дата, по достижению которой браузер удалит cookie.
Если удалить файл Notebook\ и затем открыть документ HTML, многострочное
окно редактирования будет пустым. Удалив этот файл, мы удалим и расположенный в
нем cookie.
Настройка параметров документа HTML
Третий пример демонстрирует, как можно использовать cookie для настройки
пользователем параметров документа HTML.
На рис. 7.5 показан документ HTML с двумя кнопками и переключателем, имеющим
зависимую фиксацию.
Рис. 7.5. Главный документ HTML, при помощи которого можно выполнить
настройку
Если нажать верхнюю кнопку, то в окне браузера появится документ HTML,
созданный динамически сценарием JavaScript. В первый раз этот документ будет
таким, как показано на рис. 7.6.
Рис. 7.6. Внешний вид документа при первом посещении
При помощи переключателей вы можете выбрать один из четырех цветов фона
документа. Выбранное значение запоминается в cookie. Для того чтобы вернуться к
цвету, принятому по умолчанию, в документе HTML, показанному на рис. 7.5, нужно
нажать нижнюю кнопку.
При последующих посещениях внешний вид документа изменится (рис. 7.7).
Рис. 7.7. Внешний вид документа при третьем посещении
Его фон будет иметь такой цвет, какой был выбран при помощи переключателей.
Исходный текст документа HTML приведен в листинге 7.3.
Листинг 7.3. Файл chapter7/CustomPage/CustomPage.html
Customize your page
|