iframe に html を書き込む
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="index.js"></script>
</head>
<body>
<div id="inframe"></div>
</body>
</html>
$(document).ready(function() {
var iframe = document.createElement('iframe');
document.getElementById('inframe').appendChild(iframe);
var doc = iframe.contentWindow.document;
doc.open();
doc.write('hello');
doc.close();
});
ポイントは $(document).ready でhtmlが読み込まれるのを待ってから iframeの要素を作成すること。 iframeは createElement で追加すること。
じゃないとなんか上手く行かない。 フロントエンドはようわからん
開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質
- 作者: Cody Lindley,和田祐一郎
- 出版社/メーカー: オライリージャパン
- 発売日: 2013/06/19
- メディア: 単行本（ソフトカバー）
- この商品を含むブログを見る
