1. 程式人生 > >父頁面獲取ifarm巢狀頁面內的元素

父頁面獲取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>