神马文学网【原创】标签iframe使用介绍--流子
来源：百度文库 编辑：神马文学网 时间：2024/05/23 17:38:27
1.iframe也应该是框架的一种形式，它与不同的是，iframe可以嵌在网页中的任意部分。
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；
width、height："画中画"区域的宽与高,可以是pixel值，也可以是百分比，比如width="100%"；
scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto);
FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0(边框宽度为0)。
marginwidth， marginheight：控制插入页被框架覆盖的深度。
vspace：控制框架覆盖上部分的深度
比如:
src可以是相对URL,如src="/bgm/bgm.html"
....................................................................................
2.如何使iframe背景透明
在transparentBody.htm文件的
.....................................................................................
3.如何实现iframe自适应窗体大小
.........................
4.iframe 父窗口和子窗口的调用方法
在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。
父窗口调用子窗口的例子：
exmaple.htm
test.htm
hello,my boy
子窗口调用父窗口的例子：
example.htm:
hello,my wife
frame1.htm
要注意的是，Nestscape6.0之前版本不支持Iframe标记。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
5.用图片代替Iframe的滚动条
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |  |
| onmousedown="scroll(2)" border="0" width="15" height="21" alt="按下鼠标速度会更快！"> |
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
6.下面这段代码可以实现IFrame自适应高度，即随着页面的长度，自动适应以免除页面和IFrame同时出现滚动条(比上面的一个复杂)。
源代码如下：
::::::::::::::::::::::::::::::::::::::::::::::
7.iframe应用之动态获取并替换网页内容
经常上论坛都能看的到，如果点击某个主题会出现“正在读取改贴的跟贴，请稍后.....”等的字眼。之后就显示了该主题的跟贴的一些相关信息。由于这几天要做类似于这种方式的BBS，所以就拿了一个BBS网站来研究一把，经过半天的查看源码和实践终于弄懂了。
它主要的是Iframe和innerHTML结合的结晶。下面是一个简单的示范：
page1.htm
点击这里你会有新发现。。。 |
page2.htm