HTML5 за 10 минут

Полный исходный код HTML-страницы domainparent.html


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

<!DOCTYPE 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>

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

<iframe id="iframe" src="http: / / www. domain. com/domainchild. html" height»"300" width="600">

</iframe>

<br>

<br>

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

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

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

</body>

</html>

Полный исходный код HTML-страницы domainchild.html

Ниже для справки приводится полностью исходный код HTML- страницы domainchild.html из рассмотренного в этой главе примера междоменного обмена сообщениями. (Расположите эту страницу в домене, указанном вместо www.domain.com в исходном коде 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:250px"></div>

</body>

</html>

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