iframe 怎么取得html内容

html-css042

iframe 怎么取得html内容,第1张

iframe取得html内容的方法是利用jquery解析dom树实现的。

例如有如下iframe:

<iframe id="ifrmReportViewer" name="ifrmReportViewer" frameborder="0" width="980"

<div id="EndLetterSequenceNoToShow" runat="server">11441551 </div>Or

<form id="form1" runat="server">

<div style="clear: bothwidth: 998pxmargin: 0 auto" id="divInnerForm">

从这里获取所需要的内容

</div>

</form>

</iframe>

获取div内容的方法:

var iContentBody = $("#ifrmReportViewer").contents().find("body")

var endLetterSequenceNo = iContentBody.find("#EndLetterSequenceNoToShow").text()

或者是

var divInnerFormText = iContentBody.find("#EndLetterSequenceNoToShow").text()

document.getElementById('iframe').contentWindow.document.body.innerHTML

一: <Frameset>为框架标记,说明该网页文档为框架组成,并设定文档中组成框架集的框架的布局,用来划分框架,每一个框架由<Frame></Frame>标记。

<Frame>用以设置组成框架集中各个框架的属性。<Frame></Frame>必须在<Frameset></Frameset>之内使用。

注意:<Frame></Frame>标记的框架顺序为从左至右或从上到下。

二: Iframe是Inline Frame的缩写,称为内联框架,它和frame如同兄弟。frame是帧标记,Iframe叫浮动帧标记,它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体;因为它可以多次在一个页面内显示同一内容,而不必重复写内容,所以人们形象称这种效果为“画中画”。