基於ID呼叫iframe頁面（附程式碼）-js教程-PHP中文網

首頁

web前端

js教程

基於ID呼叫iframe頁面（附程式碼）

Apr 26, 2018 pm 03:34 PM

iframe 程式碼頁面

這次帶給大家基於ID呼叫iframe頁面（附程式碼），基於ID呼叫iframe頁面的注意事項有哪些，下面就是實戰案例，一起來看一下。

$(window.parent.
document
).contents().find(&quot;#iframeID&quot;)[0].contentWindow.initPagerList();

登入後複製

說明：

iframeID 為iframe的ID;

initPagerList 為 iframe 頁面內的方法。

&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;&lt;/title&gt;
 &lt;script&gt;
  $(function(){
    /*
     说明： iframeID 为iframe的ID；
     initPagerList 为 iframe 页面内的方法。
    */
    //调用iframe页面iframeID中的initPagerList方法
    $(window.parent.document).contents().find(&quot;#iframeID&quot;)[0].contentWindow.initPagerList();
    //获取iframe页面iframeID中的文本框txtControlID对象
    var txtControlObj=$(window.parent.document).contents().find(&quot;#iframeID&quot;)[0].contentWindow.find(&quot;#txtControlID&quot;);
    //为iframe页面iframeID中的文本框txtControlID赋值
    txtControlObj.val(&quot;我就是你需要设置的内容值！&quot;);
  });
 &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;

登入後複製

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！