Iframe框架中父子窗体的互相控制
来源:互联网 发布:怎样用命令压缩linux下 编辑:程序博客网 时间:2024/04/30 14:05
父窗体与浮动帧之间的相互控制 在脚本语言与对象层次中,包含Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这两者的关系很重要,因为要在父窗体中访问子窗体或相反都必须清楚对象层次,才能通过程序来访问并控制窗体。
1、在父窗体中访问并控制子窗体中的对象
在父窗体中,Iframe即子窗体是document对象的一个子对象,可以直接在脚本中访问子窗体中的对象。
现在就有一个问题,即,我们怎样来控制这个Iframe,这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后,就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。
比如在example.htm里嵌入test.htm文件,并控制test.htm里一些标记对象:
<Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>
test.htm文件代码为:
<html>
<body>
<h1 id="myH1">hello,my boy</h1>
</body>
</html>
如我们要改变ID号为myH1的H1标记里的文字为hello,my dear,则可用:
document.test.myH1.innerText="hello,my dear"(其中,document可省) (已经测试可行)
在example.htm文件中,Iframe标记对象所指的子窗体与一般的DHTML对象模型一致,对对象访问控制方式一样,就不再赘述。
2、在子窗体中访问并控制父窗体中对象
在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中的对象。
如example.htm:
<html>
<body onclick="alert(tt.myH1.innerHTML)">
<Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe>
<h1 id="myH2">hello,my wife</h1>
</body>
</html>
如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"hello,my friend",我们就可以这样写:
parent.myH2.innerText="hello,my friend" (未测试)
这里parent对象就代表当前窗体(example.htm所在窗体),要在子窗体中访问父窗体中的对象,无一例外都通过parent对象来进行。
Iframe虽然内嵌在另一个HTML文件中,但它保持相对的独立,是一个“独立王国“哟,在单一HTML中的特性同样适用于浮动帧中。
1、在父窗体中访问并控制子窗体中的对象
在父窗体中,Iframe即子窗体是document对象的一个子对象,可以直接在脚本中访问子窗体中的对象。
现在就有一个问题,即,我们怎样来控制这个Iframe,这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后,就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。
比如在example.htm里嵌入test.htm文件,并控制test.htm里一些标记对象:
<Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>
test.htm文件代码为:
<html>
<body>
<h1 id="myH1">hello,my boy</h1>
</body>
</html>
如我们要改变ID号为myH1的H1标记里的文字为hello,my dear,则可用:
document.test.myH1.innerText="hello,my dear"(其中,document可省) (已经测试可行)
在example.htm文件中,Iframe标记对象所指的子窗体与一般的DHTML对象模型一致,对对象访问控制方式一样,就不再赘述。
2、在子窗体中访问并控制父窗体中对象
在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中的对象。
如example.htm:
<html>
<body onclick="alert(tt.myH1.innerHTML)">
<Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe>
<h1 id="myH2">hello,my wife</h1>
</body>
</html>
如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"hello,my friend",我们就可以这样写:
parent.myH2.innerText="hello,my friend" (未测试)
这里parent对象就代表当前窗体(example.htm所在窗体),要在子窗体中访问父窗体中的对象,无一例外都通过parent对象来进行。
Iframe虽然内嵌在另一个HTML文件中,但它保持相对的独立,是一个“独立王国“哟,在单一HTML中的特性同样适用于浮动帧中。
- Iframe框架中父子窗体的互相控制
- iframe父子页面互相调用,控制
- iframe父子页面互相调用、控制
- iframe父子窗体互取值
- javascript/Jscript实现父子窗体的互相引用问题
- js操作iframe父子窗体
- iframe中父子窗口的调用
- Iframe嵌套 父子窗口互相调用方法
- C#中windows窗体中的互相通信,控制问题
- 父子窗体的建立
- dom元素父子容器互相调用控制
- javascript/Jscript实现父子窗体的互相引用问题(Powered By ZosaTapo)
- 如何控制在父子窗体中只打开一次子窗体
- iOS中,父子类控制的使用方法
- 在Iframe中调用父子页面的js方法
- iframe 中 刷新 含有iframe 的父窗体 的api
- frameset iframe 父子框架间值传递
- MFC中窗体的控制
- 深入理解元数据 译者: 张桂权
- 行业网站: 权威性与高度专业化系列 网盛科技的海外拓展之路(转载自:全球品牌网)
- Scott Mitchell 的ASP.NET 2.0数据教程之62:创建一个用户自定义的Database-Driven Site Map Provider
- JavaScript梅花雨控件
- Unix高级安全设置第三部分-LINUX系列
- Iframe框架中父子窗体的互相控制
- Spring属性文件的覆盖配置:uses of PropertyOverrideConfigurer
- VMware上网配置
- Brief contents----简要目录
- [ASP.NET] Session 详解
- Spring常用配置文件
- vim技巧整理
- VC中实现最小二乘法 直线拟合 Y=a0+a1X 以及 Y=aX
- c语言编程小技巧:c语言小技巧:枚举