欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

基于ID调用iframe页面(附代码)

程序员文章站 2022-04-11 14:03:32
...
这次给大家带来基于ID调用iframe页面(附代码),基于ID调用iframe页面的注意事项有哪些,下面就是实战案例,一起来看一下。
$(window.parent.
document
).contents().find("#iframeID")[0].contentWindow.initPagerList();

说明:

iframeID 为iframe的ID;

initPagerList 为 iframe 页面内的方法。

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

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

jquery怎样让iframe自适应前端高度

jquery+js调用iframe父窗口与子窗口步骤详解

以上就是基于ID调用iframe页面(附代码)的详细内容,更多请关注其它相关文章!