HTML5 за 10 минут

Отправка сообщений в режиме межоконного обмена


Для того чтобы организовать отправку сообщений с HTML- страницы parent.html на HTML-страницу child.html в режиме межоконного обмена, выполните следующие действия.

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

2.   Введите выделенный ниже полужирным код для реализации функции send(), получающей всю необходимую информацию о другом окне в качестве места назначения, а также отправляемое сообщение для его отправки по указанному месту назначения.

<1DOCTYPE html>

<html>

<head>

<title>

Мехоконный обмен сообщениями </title>

<script type="text/javascript"> function send()

{

var message = document.getElementById("message").value; var location = window.location; var protocol = location.protocol; var host = location.host;

}

</script>

</head>

<body>

<Ы>Межоконный обмен сообщениями</Ь1>

<iframe id="iframe" src="child.html" height="300" width="600">

</iframe>

<br>

<br>

Отправляемое сообщение: <input id="message" type="text">

<input type="button" onclick="send();" value="Отправить">

</body>

</html>

3.   Введите выделенный ниже полужирным код для отправки сообщений в другое окно в качестве места назначения.

<!DOCTYPE html>

<html>

<head>

<title>

Мехоконный обмен сообщениями </title>

<script type="text/javascript"> function send()

{

var message = document.getElementByld("message").value; var location = window.location; var protocol = location.protocol; var host = location.host; document.getElementById("iframe").contentWindow.postMessage (message, protocol + "//" + host);

}

</script>

</head>

<body>

<Ь1>Меяоконный обмен сообщениями/hl>

<iframe id="iframe" src="child.html" height="300" width="600">

</iframe>

<br>

<br>

Отправляемое сообщение: <input id="message" type=,text">

<input type="button" onclick="send();" value="Отправить">

</body>

</html>

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

Теперь пользователь может ввести сообщение в текстовом поле, а затем щелкнуть на кнопке Отправить, чтобы послать это сообщение второй HTML-странице child.html. Но прежде необходимо создать эту страницу. Поэтому не пытайтесь открывать страницу parent.html в браузере и выполнять присутствующий на ней код HTML до тех пор, пока не будет создана страница child.html.

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