HTML5 за 10 минут

Прием сообщений в режиме междоменного обмена


В этом задании вам предстоит организовать прием на HTML- странице domainchild.html сообщений, отправляемых со страницы domainparent.html, в режиме междоменного обмена.

1.   Откройте HTML-документ из файла domainchild.html в избранном вами редакторе текста, например в Windows WordPad.

2.   Введите выделенный ниже полужирным код для связывания события onMessage с функцией loader () его обработки.

<1DOCTYPE html>

<html>

<head>

<title>

Порожденная страница </title>

<script type="text/javascript"> window.addEventListener("message", loader, false);

</script>

</head>

<body>

<div id="messages" style="width:400px; height:250px"></div>

</body>

</html>

3.   Введите выделенный ниже полужирным код для создания функции loader (), выполняющей чтение данных из свойства data передаваемого ей событийного объекта и отображающей эти данные в элементе <div> на HTML-странице domainchild. html.

<!DOCTYPE html>

<html>

<head>

<title>

Порожденная страница </title>

<script type="text/javascript"> window.addEventListener("message", loader, false);

function loader(e)

{

document.getElementById("messages").innerHTML = e.data;

}

</script>

</head>

<body>

<div id="messages" style="width:400px; height:2 5 Opx"></div>

</body>

</html>

4.   Сохраните внесенные изменения в файле domainchild.html. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Если теперь открыть HTML-страницу domainparent. html в браузере, поддерживающем обмен сообщениями (Opera или Safari), ввести сообщение в текстовом поле и нажать кнопку Отправить, посланное сообщение появится на второй HTML-странице domainchild.html, как показано на 7.3 и 7.4.

Комментарии закрыты