jsp 内嵌网页内容--iframe
2008-08-23 15:19
204 查看
<Iframe src="/URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> 3JFLinux联盟 src:文件的路径,既可是HTML文件,也可以是文本、ASP等; 3JFLinux联盟[b] width、height:"画中画"区域的宽与高; 3JFLinux联盟[b] scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示; 3JFLinux联盟[b]frameborder:区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0。
比如:
<Iframe src="http://www.xyz.com/xyz"; width="250" height="200" scrolling="no" frameborder="0"></iframe>
窗口与浮动帧之间的相互控制3JFLinux联盟[b] 在脚本语言与对象层次中,包含Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这两者的关系很重要,因为要在父窗体中访问子窗体或相反都必须清楚对象层次,才能通过程序来访问并控制窗体。
1、在父窗体中访问并控制子窗体中的对象 3JFLinux联盟[b] 在父窗体中,Iframe即子窗体是document对象的一个子对象,可以直接在脚本中访问子窗体中的对象。 3JFLinux联盟[b] 现在就有一个问题,即,我们怎样来控制这个Iframe,这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后,就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。
比如在example.htm里嵌入test.htm文件,并控制test.htm里一些标记对象: 3JFLinux联盟[b] <Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe> 3JFLinux联盟[b]test.htm文件代码为: 3JFLinux联盟[b] <html> 3JFLinux联盟[b] <body> 3JFLinux联盟[b] <h1 id="myH1">hello,my boy</h1> 3JFLinux联盟[b] </body> 3JFLinux联盟[b] </html> 3JFLinux联盟[b] 如我们要改变ID号为myH1的H1标记里的文字为hello,my dear,则可用: 3JFLinux联盟[b] document.myH1.innerText="hello,my dear"(其中,document可省) 3JFLinux联盟[b] 在example.htm文件中,Iframe标记对象所指的子窗体与一般的DHTML对象模型一致,对对象访问控制方式一样,就不再赘述。
2、在子窗体中访问并控制父窗体中对象 3JFLinux联盟[b] 在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中的对象。 3JFLinux联盟[b] 如example.htm: 3JFLinux联盟[b] <html> 3JFLinux联盟[b] <body onclick="alert(tt.myH1.innerHTML)"> <Iframe dyniframesize)3JFLinux联盟[b]else3JFLinux联盟[b]window.onload=dyniframesize3JFLinux联盟[b]</script>[/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b]
比如:
<Iframe src="http://www.xyz.com/xyz"; width="250" height="200" scrolling="no" frameborder="0"></iframe>
窗口与浮动帧之间的相互控制3JFLinux联盟[b] 在脚本语言与对象层次中,包含Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这两者的关系很重要,因为要在父窗体中访问子窗体或相反都必须清楚对象层次,才能通过程序来访问并控制窗体。
1、在父窗体中访问并控制子窗体中的对象 3JFLinux联盟[b] 在父窗体中,Iframe即子窗体是document对象的一个子对象,可以直接在脚本中访问子窗体中的对象。 3JFLinux联盟[b] 现在就有一个问题,即,我们怎样来控制这个Iframe,这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后,就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。
比如在example.htm里嵌入test.htm文件,并控制test.htm里一些标记对象: 3JFLinux联盟[b] <Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe> 3JFLinux联盟[b]test.htm文件代码为: 3JFLinux联盟[b] <html> 3JFLinux联盟[b] <body> 3JFLinux联盟[b] <h1 id="myH1">hello,my boy</h1> 3JFLinux联盟[b] </body> 3JFLinux联盟[b] </html> 3JFLinux联盟[b] 如我们要改变ID号为myH1的H1标记里的文字为hello,my dear,则可用: 3JFLinux联盟[b] document.myH1.innerText="hello,my dear"(其中,document可省) 3JFLinux联盟[b] 在example.htm文件中,Iframe标记对象所指的子窗体与一般的DHTML对象模型一致,对对象访问控制方式一样,就不再赘述。
2、在子窗体中访问并控制父窗体中对象 3JFLinux联盟[b] 在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中的对象。 3JFLinux联盟[b] 如example.htm: 3JFLinux联盟[b] <html> 3JFLinux联盟[b] <body onclick="alert(tt.myH1.innerHTML)"> <Iframe dyniframesize)3JFLinux联盟[b]else3JFLinux联盟[b]window.onload=dyniframesize3JFLinux联盟[b]</script>[/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b][/b]
相关文章推荐
- jsp 内嵌网页内容---iframe
- 关于 jsp内嵌网页内容
- 网页内嵌多媒体内容的完美实现
- 小程序webview嵌入iframe网页demo,微信小程序内嵌iframe网页代码,不支持打开非业务域名,请重新配置
- JSP网页中内嵌JAVA 语句的配置。
- 怎样使用jsp实现header和footer与网页内容的分离
- 网页内嵌多媒体内容的完美实现
- 【HTML】使用iframe标签显示目标网页(内容)的指定区域
- JSP学习笔记(七十五):使用HttpClient远程抓取网页内容
- IFRAME如何调用网页中的部分内容-解决方案
- 用jsp把网页内容保存为excel文件
- 如何用iframe在网页中插入另一个网页的一部分内容,做成页中页
- 获取iframe中的网页内容(同域名下)
- Iframe标签显示目标网页中某区域内容的实现方法
- 关于防止自己网页内容被别人iframe的问题
- 网页内嵌多媒体内容的完美实现
- 网页内嵌多媒体内容的完美实现
- 网页内容内嵌脚本代码
- javascript 窗口加载蒙板 内嵌网页内容
- iframe自适应网页内容的高度