Iframe框架调用网页的某一块内容

用iframe调用分两种方法，一种是调用自己可控的网页，另一种是调用不可控的网页。

如果是自己调用自己的，那我们直接用锚连接就可以。

具体方法：<iframe src=你的网址#锚点></iframe>

这样就可以了。在这其中可以设置自己的样式大小和宽度。

另一种是调用别人的网页，我们不可控，没办法加锚点，怎么办呢？我们用下面的方法。

<IFRAME vspace=300 hspace=”300″ src=”你的网址” frameBorder=0 scrolling=no wspace=”200″></IFRAME>

这里面的内容都是什么呢？

vspace是垂直方向移动；向上移动100像素格式是vspace=-100

hspace是水平方向移动；向左移动100像素格式是hspace=-100

width和marginWidth都是嵌入框架的宽度

height和marginheight都是嵌入框架的高度

scrolling是，是否显示下拉标识，”no”是隐藏，”yes”是显示

leftmargin是距离左端的距离

topmargin是距离上端的距离

1. 打印iframe     eg. frameName.document.execCommand(‘print’);

2. 获取iframe    eg. var ifr_window = window.frames["frameName"];

3. 获取iframe中的元素   eg1. 将iframe中id为elementId 的元素置为不显示： var ifr_window = window.frames["frameName"];          ifr_window.elementId.style.display = ‘none’;   eg2. 获取iframe中id为listTable的表格         var oTable =   window.frames["myFrame"].document.all.listTable;

4. 隐藏或显示表格的某列    js函数：     function setHiddenOrShowCol(oTable, iCol, type) {         for (i = 0; i < oTable.rows.length ; i++)  {             oTable.rows[i].cells[iCol].style.display = type;         }     }

调用举例，将id为listTable的表格元素的第4列置为不显示：

var oTable =   window.frames["myFrame"].document.all.listTable;     setHiddenOrShowCol(oTable, 3, ‘none’);     调用举例2，将id为listTable的表格元素的第4列置为显示：     var oTable =   document.frames.myFrame.document.all.listTable;     setHiddenOrShowCol(oTable, 3, ‘block’);

JS部分是在网上看到的，还没试呢，我正在和同事商量用JS+CSS来空间，用iframe调用，看会不会更人性化，对浏览器的兼容性好点。有试过的也可以来分享分享啊。

可能看到上面不是很清楚，下面有个列子，可以更清楚的查看：

<IFRAME width="1010" height="2870" src="http://www.xyxdxl.com/guestbook/" frameBorder=0 scrolling=no vspace=-380 hspace=-240></IFRAME>

上面的width，height为宽高，vspace为把网页上面的部分去掉380像素，hspace左边去掉240像素，得到网页。