Iframe 详解-jming_cu-ChinaUnix博客

Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文件嵌入在另一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，甚至可以在同一HTML文件嵌入多个HTML文件。
　　在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或子窗体中访问父窗体都必须清楚对象层次，才能通过程序来访问并控制窗体。
下面是浮动帧标记Iframe的各项属性：

一、基本语法：
　　……
　　浮动帧标记Iframe必须成对出现，即有开始标记，就必须有结束标记。

二、浮动帧标记Iframe的属性：

　1、文件位置：

　　语法：src=url
　　说明：url为嵌入的HTML文件的位置，可以是相对地址，也可以是绝对地址。
　　示例：

　2、对象名称：
　　语法：name=#
　　说明：#为对象的名称。该属性给对象取名，以便其他对象利用。
　　示例：

　3、ID选择符：
　　语法：id=#
　　说明：指定该标记的唯一ID选择符。
　　示例：

　4、容器属性：
　　语法：height=# width=#
　　说明：该属性指定浮动帧的高度和宽度。取值为正整数（单位为像素）或百分数。
　　height：指定浮动帧的高度；
　　width：指定浮动帧的宽度。
　　示例：

　5、尺寸调整：
　　语法：noresize
　　说明：IE专有属性，指定浮动帧不可调整尺寸。
　　示例：

　6、边框显示：
　　语法：frameborder=0、1
　　说明：该属性规定是否显示浮动帧边框。
　　0：不显示浮动帧边框；
　　1：显示浮动帧边框。
　　示例：
　　　　　

　7、边框厚度：
　　语法：border=#
　　说明：该属性指定浮动帧边框的厚度，取值为正整数和0，单位为像素。为了将浮动帧与页面无缝结合，border一般等于0。
　　示例：

　8、边框颜色：
　　语法：bordercolor=color
　　说明：该属性指定浮动帧边框的颜色。color可以是RGB色（RRGGBB），也可以是颜色名。
　　示例：

　9、对齐方式：
　　语法：align=left、right、center
　　说明：该属性指定浮动帧与其他对象的对齐方式。
　　left：居左；
　　right：居右；
　　center：居中。
　　示例：
　　　　　
　　　　　

　10、相邻间距：
　　语法：framespacing=#
　　说明：该属性指定相邻浮动帧之间的间距。取值为正整数和0，单位为像素。
　　示例：

　11、内补白属性：
　　语法：hspace=# vspace=#
　　说明：该属性指定浮动帧内的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。
　　hspace：浮动帧内的左右边界大小；
　　vspace：浮动帧内的上下边界大小。
　　示例：

　12、外补白属性：
　　语法：marginheight=# marginwidth=#
　　说明：该属性指定浮动帧的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。
　　marginheight：浮动帧的左右边界大小；
　　marginwidth：浮动帧的上下边界大小。
　　示例：

附.

iframe自适应高度和宽度

高度

宽度

iframe的链接目标

"myframe1.htm"内容

"myframe2.htm"内容

在子窗口关闭时如何reload父窗口中的iframe

现有一页面main.htm,在其中的一个div中有一iframe(src="listdateServ"),当点击  faq-it.org/debian/main.htm一个button时弹出一窗口chi.htm,填完chi.htm中的form再点击一submit,转
到savedateServ去处理，处理完后转到一页面saveOK.htm。现在我要在saveOK.htm关闭时reload  iframe,如何做？
---------------------------------------------------------------

在saveOK.htm中(它和chi.htm是同一页)不然就opener.opener...

用子窗口控制父窗口
不多说，直接看代码：

父窗口：1.htm

//插入表行
function insertRow1(){
var tr1=f.insertRow();
var td1=tr1.insertCell();
var td2=tr1.insertCell();
td1.innerText="1";
td2.innerText="2";
}

子窗口：2.htm

function d(){
alert("ss");
alert(opener);
}

如何在一个页面中的两个iframe中互相传值?
---------iframe A-----------
parent.window.frames["bFrameName"].xxx();

------------iframe B---------------
function xxx()
{
alert("date")
}

另,所有的在同一目录下面：

第一个页面：

New Document

/************a.html*******************/

aaaaaaaaa

function control()
{
parent.frames['fb'].document.getElementById("button").style.display = 'block';
}

/************b.html*******************/

bbbbbbbbbbb

子窗口调用父窗口的javascript函数或其他

采用使用iframe 方式

function funalert()
{
alert('OK');
}

如果没有使用iframe 方式,

Test

问：
嵌入的iframe窗口如何改变父窗口中相应的iframe窗口的宽度和高度？
______________________________________________________________________________________________
答1：
if(top.location != self.location)
    {
      var a = window.parent.document.getElementsByName(self.name);
          a[0].height = document.body.scrollHeight;
          a[0].width  = document.body.scrollWidth;
    }

______________________________________________________________________________________________
答2：
top.Myiframe.style.width=
______________________________________________________________________________________________
答3：
meizz(梅花雨) 理解错误拉

top.Myiframe.style.width对于iframe是没有这个属性的；

好容易找到了
Msgbox parent.RightFrame.self.frameElement.clientHeight
parent.RightFrame.self.frameElement.clientHeight=600——这句出错，原来还是个只读书性

阅读(593) | 评论(0) | 转发(0) |

上一篇：几个常用的JavaScript字符串处理函数

下一篇：Extjs 动态修改Data.Store中的链接地址

给主人留下些什么吧！~~