首页 > 网站 > WEB开发 > 正文

原生js与jquery操作iframe

2024-04-27 14:21:55
字体:
来源:转载
供稿:网友

原生js与jquery操作iframe

1  原生js获取iframe的window对象

//方法1document.getElementById('iframeId').contentWindow;//方法2window.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() 


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表