父页面获取ifarm嵌套页面内的元素

需求：点击父页面按钮A时，触发嵌套页面按钮B的方法；

• 遇到问题：

1.获取嵌套页面的元素获取不到

• 解决方法：

1.首先将方法写在$("").load(function(){})内,作用是ifram加载完成后再调用方法。

2.使用jquery("").on("click",function(){})方法，为按钮A添加绑定事件-click;

3.使用$("").contents().find("").click方法，获取按钮B的标签并调用click方法

以下为代码：

• 主页面

< body>

  < button id= "btn1">按钮1</ button>

  < iframe id= "myiframe" marginheight= "0" marginwidth= "0" scrolling= "no" frameborder= "0"

src= "neiqian.html" width= "1000" height= "400"></ iframe>

  < script>

     $( function () {

       $( '#myiframe'). load( function () {

         $( "#btn1"). on( 'click', function () {

           $( "#myiframe"). contents(). find( '#btn2'). click();

        });

      });

    });

  </ script>

</ body>

• 嵌套页面

< body>

  < button id= "btn2">按钮2</ button>

  < script>

     $( function () {

       $( "#dianji2"). click( function () {

         console. log( '此时点击的是按钮2');

      })

    })

  </ script>

</ body>