読者です 読者をやめる 読者になる 読者になる

Sphereとともに

scalaとかplayframeworkとか。技術ブログにしたいなと。環境は Windows7x64, mac です。たまに声優さん情報が混ざります。最近ちょっとClojure触りました。

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の本質

開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質