js iframeページ内のオブジェクトの取得方法

1760 ワード

iframe httml 5 javascript

    iframe  ，           ，iframe                   （     ）。       iframe      ：width（iframe    ）、height（iframe    ）、frameborder（         ）、src（iframe         URL）。

ではjsを使用してiframeページ内のオブジェクトを取得するにはどうすればいいのでしょうか.逆に埋め込まれたiframeページは親ページのオブジェクトをどのように取得すればいいのでしょうか.
注意点:

サーバの下で

を実行する必要がある.

親ページは、jsがiframeページの内容を取得するにはwindowであることを保証しなければならない.onloadに

と書きます
関連メソッド:
1.親ページiframeページの要素オブジェクトを取得する(キーcontentWindow):
document.getElementById(iframeのid).contentWindow.document.getElementById(iframeページ要素id)
2.iframeページ親ページの要素オブジェクト(キーwindow.parent):
window.parent.document.getElementById(親ページの要素id)
コードの例:
説明:親ページtest.html,iframeサブレベルページ:iframe.html
test.html




    
    Document


        
    

<disable_script type="text/javascript">
    // document.onclick = function(){
    window.onload = function(){
        var myIframe = document.getElementById("myIframe").contentWindow
                               .document.getElementById("son").innerText;
        console.log(myIframe)   
    }
</disable_script>
</code></pre>  <br>iframe.html <pre><code>


    <meta charset="UTF-8"/>
    <title>Document</title>


    <h2 id="son">    </h2>

<disable_script type="text/javascript">
    window.onload = function(){
        var sonText = window.parent.document.getElementById("parent").innerText;
        console.log(sonText);
    }
</disable_script>
</code></pre>  <br>サーバーの でtestを きます.htmlファイル、chromeブラウザのテスト  :<br>iframe.htmlは ページtestを  します.htmlのh 1  の  は「 ページ」で、コンソールに  されます.<br>そしてtext.htmlページiframeを  します.htmlのh 1  の  「サブページ」をコンソールに  します.

C 11キーワード_Static_assert

Nodeベースのwebsocketプロトコルの実装