iframe框架详细讲解和居中设置及滚动条设置

iframe框架的详细说明:定义:iframe框架是在当前HTML文档中嵌入另一个文档的内联框架。
基本语法: src:该文件的路径是html文件或text,asp,asp等。
宽度,高度:“图片中图片”区域的宽度和高度; 滚动:当指定的区域中未显示SRC的指定HTML文件时,滚动选项(如果设置为否,则不会出现滚动栏; 如果是自动:滚动条将自动出现; 如果是的,它将显示; FrameBorder:区域边界的宽度,为了将“图片中的图片”与相邻的内容混合在一起,通常设置为0。
对象层次结构,我们称为包含iFrame父式表单的窗口,而浮动框架称为子表单。
重要的是要澄清两者之间的关系,因为要以父级形式访问子形式,反之亦然,您必须清楚对象层次结构,以便通过程序访问和控制表单。
1 以父级形式访问和控制子形式的对象。
在父级中,iframe是文档对象的子对象。
您可以在脚本中直接访问儿童形式的对象。
现在有一个问题,也就是说,我们如何控制这个iframe? 在这里,我们需要谈论iframe对象。
将ID属性设置为此标签后,我们可以使用文档对象模型DOM来控制IFRAME中包含的HTML。
例如,在示例中嵌入test.htm文件,并控制test.htm中的某些标记对象: test.htm test.htm文件 lo,myboy </html>如果我们想将带有ID号的H1 标签中的文本更改为Hello,myDear,那么我们可以使用:document.myh1 .innertext =“ hello y hello,mydear”(可以在其中保存在示例中的文档)。
因为对象是相同的,所以我不会再重复一次。
2 以子女形式的父级访问和控制对象。
在子形式中,我们可以通过其父(父)对象访问父窗口中的对象。
例如。
想要访问带有ID号MYH2 的Frame1 .htm中的标题文本,然后将其更改为“ Hello,MyFriend”,我们可以像这样编写它:parent.myh2 .innertext =“ hello hello,myfriend”此处。
在这里,父对象表示当前表单(示例.htm位置的emplay.htm位置)。
您需要以子女形式访问父级的对象,并且毫无例外地通过父对象进行。
尽管iframe嵌入了另一个HTML文件中,但它仍然相对独立,并且是“独立王国”。
单个HTML中的特性也适用于浮动框架。
试想一下,通过标记,我们可以表达将内容不变为iframe,因此无需重复相同的内容。
这有点像编程中的过程或功能,节省了许多乏味的手动劳动! 此外,至关重要的是,它使页面修改更加可行,因为由于布局调整而不必修改每个页面,您只需要修改父级的布局即可。