iframe親ページの要素、メソッド、変数の操作方法


私のブログへようこそhttp://xiaolongwu.cn/
方法
1.iframeで親ページ要素を検索する方法:
jQuery   :$("#id",window.parent.document)

     :window.parent.document.getElementById("id");

//   iframe      ,         :
window.parent.parent.document.getElementById("id"); //    

//     ,             
window.top.document.getElementById("id");

2.iframeで親ページの変数またはメソッド関数を使用する
parent.method

parent.variable

≪インスタンス|Instance|emdw≫

    <body>
        <div id="parentBox">    div>
        <iframe src="iframeChildren.html" width="300px" height="200px">iframe>
    body>

    <script type="text/javascript">
        var _parent = 'hello';
        var _parent1 = 'world';

        function methodParent(){
            console.log( _parent);
        }
    script>

    <body>
        <div id="childrenBox">    div>        
    body>

    <script type="text/javascript">
        //jQuery        
        $("#parentBox",parent.document).css('color','red');

        //            
        var parentRed = window.parent.document.getElementById("parentBox").style.backgroundColor = 'blue';

        //        
        parent.methodParent();

        //        
        var _children = parent._parent1;

        console.log(_children);     
    script>

上の例の結果
如何操作iframe父页面中的元素、方法、变量_第1张图片