HTML5 за 10 минут

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


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

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

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

<!DOCTYPE html>

<html>

<head>

<title>

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

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

{

}

</script>

</head>

<body>

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

<iframe id="iframe" sr c=" http: / / www, domain. com/domainchi Id. html" height="300" width="600">

</iframe>

<br>

<br>

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

<input type="button" onelick="send();"

value="Отправить">

</body>

</html>

3.   Введите выделенный ниже полужирным код, чтобы отправить сообщения на другую HTML-страницу в качестве места назначения. На этот раз в качестве места назначения указывается полный веб-адрес (URL) страницы domainchild.html, а также значение для сопоставления с любым местом назначения отправляемых сообщений.

<1DOCTYPE html>

<html>

<head>

<title>

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

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

{

var message = document.getElementById("message").value; document.getElementById("iframe").contentWindow.postMessage (message);

}

</script>

</head>

<body>

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

<iframe id="iframe" src=" http: / / www. domain. сол/domainchild. html" height="300" width="600">

</iframe>

<br>

<br>

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

<input type="button" onclick="send();"

value="Отправить">

</body>

</html>

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

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

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