大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > 原生js与jquery操作iframe

原生js与jquery操作iframe

关键词:jsjqueryiframe  阅读(684) 赞(17)

[摘要]本文是对原生js与jquery操作iframe的讲解,对学习JavaScript编程技术有所帮助,与大家分享。

1  原生js获取iframe的window对象

//方法1
document.getElementById('iframeId').contentWindow;
//方法2
window.frames['iframeName']

2  原生js  iframe与父窗口操作

  2.1 父窗口操作IFRAME:window.frames["iframeId"].document
  2.2  IFRAME操作父窗口: window.parent.documen

 

3   jquery方法

    3.1 在父窗口中操作 选中IFRAME中的所有输入框

     $(window.frames["iframeSon"].document).find(":text");

     $(“#iframeId”).contents().find(':text')

    3.2 在IFRAME中操作 选中父窗口中的所有输入框

   $(window.parent.document).find(":text");

    3.3 根据iframename取得其中ID为"testId"元素

     $("#testId", document.frames("iframename").document).html(); 

     $(window.frames["iframeName"].document).find("#testId").html() 



相关评论