iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息

文章目录

• • 1.iframe简单使用
  • 2.获取iframe
  • 3.获取iframe 元素值
  • 4.iframe获取父页面的信息：

1.iframe简单使用

标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>

• width插入页的宽；
• height插入页的高；
• scrolling 是否显示页面滚动条（可选的参数为auto、yes、no，如果省略这个参数，则默认为auto）；
• frameborder 边框大小；

注意：URL建议用绝对路径

<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>

如果一个页面里面有框架，点页面里的连接，要求在这个 里打开。在中规定name

<iframe name=**  ></iframe>

然后在修改默认打开模式，：网页head中加上或部分连接的目标框架设为（**）

要插入一个页面。要求只拿中间一部分。其他的都不要。

代码：

<iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500></iframe>

控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0；控制框架覆盖上部分的深度 vspace=-170

scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2500此框架的大小。

2.获取iframe

常用获取元素的方法，dom ,jQ等;

var ifr = document.getElementById(‘mainIframe0’)

3.获取iframe 元素值

ifr.contentWindow

拿到的是window 对象

Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window,…}

ifr.contentWindow.值 定义的全局变量。

4.iframe获取父页面的信息：

获取父页面元素的值：

jquery方式：$("#auditDate",parent.document).val();js方式：parent.document.getElementById(“auditDate”).value;