iframe 详解，js在父窗口中获取iframe中的元素，jquery在父窗口中获取iframe中的元素

1.frameborder 是否显示边框，1(yes),0(no)
2.height/width 宽高建议通过css来设置
3.name:框架的名称，window.frames[name]时专用的属性
4.scrolling:框架的是否滚动。yes、no、auto

5.src：内框架的地址，可以使页面地址，也可以是图片的地址

重要特性：
1.同域下能自由操作iframe和父框架，跨域只能实现页面跳转
2.获取页面中iframe
  iframe.contentWindow, 获取iframe的window对象
  iframe.contentDocument, 获取iframe的document对象
  window.frames[name]
3.iframe获取父级窗口
  window.parent 获取上一级的window对象，如果还是iframe则是该iframe的window对象
  window.top 获取最顶级容器的window对象，即，就是你打开页面的文档

  window.self 返回自身window的引用。可以理解 window===window.self(脑残)

js在父窗口中获取iframe中的元素

格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID");

实例：window.frames["ifm"].document.getElementById("id")；

js在iframe中获取父窗口的元素

格式：window.parent.document.getElementById("父窗口的元素ID");

实例：window.parent.document.getElementById("id");

jquery在父窗口中获取iframe中的元素

1、

格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();

实例：$("#ifm").contents().find("#btnOk").click();

2、

格式：$("#iframe中的控件ID",document.frames("frame的name").document);

实例：$("#id",document.frames("ifm").document);

jquery在iframe中获取父窗口的元素

格式：$('#父窗口中的元素ID', parent.document);

实例：$('#id', parent.document);