PostMessageを使用すると、メインページにメッセージが送信されます。ここで
はWin8の開発者プレビューの例を働いている:サーバー上
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024, height=768" />
<title>WinWebApp1</title>
<!-- WinJS references -->
<link rel="stylesheet" href="/winjs/css/ui-dark.css" />
<script src="/winjs/js/base.js"></script>
<script src="/winjs/js/wwaapp.js"></script>
<script src="/winjs/js/ui.js"></script>
<!-- WinWebApp3 references -->
<link rel="stylesheet" href="/css/default.css" />
<script src="/js/default.js"></script>
<script type="text/javascript">
window.attachEvent("onmessage", receiveMessage);
function receiveMessage(e) {
if (e.origin == "http://www.scrumpt.com")
document.getElementById("target-element-id").innerHTML = e.data;
}
</script>
</head>
<body>
<iframe src="http://www.scrumpt.com/frametest2.html" style="display: block; width: 699px; height: 296.95px; left: -499px; top: 0px;"></iframe>
<div data-win-control="WinJS.UI.ViewBox" style="display: block; top: 50%;">
<div class="fixed-layout">
<div id="target-element-id">Click on Send Message above</div>
</div>
</div>
</body>
</html>
(それはhttp://www.scrumpt.com/frametest2.htmlに、この瞬間に生きている)あなたが持っている:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function send() {
parent.postMessage('hello world', '*');
}
</script>
</head>
<body>
<a href="javascript:send()">Send message</a>
</body>
</html>
は「(あなたのdivいることを確認してくださいtarget-element-id ")は、上記のコードを貼り付けると正しいIDを持ちます。 VSは貼り付け時にIDを「Div1」に変更することがあります。
iframeのコンテンツはリモートまたはローカルですか。 –
リモート、Apple.comと言う。 @TiagoAndradeSilva –