`
pichcar
  • 浏览: 289431 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何使用HTML里面的IFRAME框架例子

阅读更多
这段时间做了一个TDM的项目,其中需要用到把一个页面分成两半部分的一半用来存放树型导航,另一半也就是右半部分用来根据用户点击左边树节点使右半部分发生相应的变化,显示左边被点击节点对应的信息.左边用DTREE做的.
其中得分成三部分:
母页部分----用来组织左右页面的页面
如:
<frameset id="indexBig" name="indexBig" rows="*" cols="150,*" frameborder="false" border="4" framespacing="6">
  <frame src="organizationInfo.do?command=goToLeftFrame" name="lFrame" />
  <frame src="dynagenerate.do?command=goQueryPage&tableId=109&modelStatus=01&&parameter(NFATHERORGANIZATIONID)=0" name="rFrame" id="rFrame"></frame>
</frameset>
其中rows是用来控制两个页面纵向行高的,COLS用来控制横向列宽的,外层frameset元素用来包含里面所加载组织的两个页面的,每个被组织的页面用frame元素来配置.其中SRC用来指定跳转的action或者servlet,而name指定左右页面在框架里的名字.
可以通过首先跳转到母页,母页会根据里面frameset里面元素的配置分别跳转到各自配置的ACTION或者Servlet中.
然后是分别建立两个JSP页面,用来对应左右两个页面.
在左边页面中的DTREE中的节点有存放target的地方,放置右框架页面的名字:rFrame.
其中:左边页面可以通过
parent.rFrame.location.href='${rootUrl}';
parent.lFrame.location += "&save=11";
通过parent.rFrame.location.href来自动重新赋予新的页面链接给右框架,然后自动加载它.而parent.lFrame.location可以给母页上左边的连接加上新值.
window.parent.frames[0].location.reload()或者window.parent.lFrame.location.reload()来重新根据母页上左边的配置加载左边的框架,达到刷新左边树的作用,在通过右边的增加删除数据来动态加减左边页面树节点的时候很有作用
分享到:
评论

相关推荐

    iframe框架与主框架通信模块例子.zip

    在网页开发中,有时我们需要在不同的域之间进行通信,特别是在使用iframe框架时。"iframe框架与主框架通信模块例子.zip" 提供了一个解决方案,它演示了如何在iframe和其父页面(即顶层页面)之间实现跨域通信。这种...

    HTML 折叠框架 iframe

    "点击可收缩"这一特性意味着,该iframe框架可以被设计成用户点击后能够隐藏或显示,增加了交互性和页面空间的有效利用。 折叠框架通常通过JavaScript库或CSS样式来实现。例如,jQuery和Bootstrap框架提供了丰富的...

    flash嵌入iframe的例子

    本示例“flash嵌入iframe的例子”旨在教你如何将Flash(SWF文件)嵌入到HTML的iframe中,以实现更灵活的页面布局和内容呈现。 首先,我们需要理解基本概念。Flash是一种用于创建动态图形、动画和交互式内容的技术,...

    .net iframe框架

    .NET 框架中的 iframe( Inline Frame)是一种用于在网页中嵌入另一个 HTML 文档的元素,它允许网页开发者在单个页面上显示多个独立的内容源。在 .NET 开发中,iframe 常用于集成外部网站、创建多窗口体验或者在页面...

    iframe实例

    第二个例子展示如何使用`iframe`来显示本地的HTML文件。这在需要在网页上预览或测试本地文件时非常有用。假设我们有一个名为`local.html`的本地HTML文件,我们可以这样写`iframe`: ```html &lt;!DOCTYPE html&gt; &lt;html ...

    iframe 与主框架相互访问例子,同域、跨域访问例子。

    在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架,允许我们在一个HTML页面中加载另一个HTML页面。这通常用于实现页面的部分更新、显示外部内容或创建多文档界面。`iframe`与主框架之间的交互是Web开发中的...

    ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    在***中实现点击左边页面链接时,右边iframe框架显示对应链接页面的内容,是一种常见的网页布局模式,经常被用于后台管理系统中。这种布局允许用户在一个窗口内操作导航,而在另一个子窗口内查看和处理内容,从而...

    HTML 使用浮动框架.doc

    在这个例子中,一个名为`myframe`的浮动框架被创建,它将加载`csmzxy.html`网页,并且居中显示,无边框,自适应滚动条。 2. 综合实例: 除了基础的浮动框架应用,还可以结合CSS进行更复杂的布局。例如,创建一个...

    javscript调用iframe框架页面中函数的方法_.docx

    JavaScript调用IFrame框架页面中函数的方法是一种常见的前端交互技术,尤其在构建复杂网页应用时,IFrame常用于模块化加载和隔离不同部分的代码。本文将深入探讨如何在JavaScript中实现这一功能,并提供相关示例。 ...

    iframe中页面显示不全1

    在这个例子中,`&lt;div&gt;`的宽度和高度被设定为500px和300px,而`&lt;iframe&gt;`则被设置为相对定位并充满整个`&lt;div&gt;`。`position: absolute`使`&lt;iframe&gt;`相对于其最近的非静态定位祖先(这里就是`&lt;div&gt;`)定位,`top`和`...

    html--4.框架标签

    在本讨论中,我们将深入探讨“html--4.框架标签”这个主题,重点关注`&lt;frameset&gt;`,`&lt;frame&gt;`和`&lt;iframe&gt;`这三个主要的框架标签。 首先,我们来了解`&lt;frameset&gt;`标签。`&lt;frameset&gt;`是框架结构的容器,它定义了网页...

    如何使用iframe

    在HTML文档中,我们通过`&lt;iframe&gt;`标签来创建一个框架,并使用`src`属性指定要加载的外部网页地址: ```html &lt;iframe src="http://example.com" width="600" height="400"&gt;&lt;/iframe&gt; ``` 在上面的例子中,`width`...

    Javscript调用iframe框架页面中函数的方法__1.docx

    在JavaScript中,调用iframe框架页面中的函数是跨文档通信的一种常见方式,特别是在网页嵌套或者需要在不同页面间共享数据和功能时。本篇将详细介绍如何实现这一操作,并给出具体的示例代码。 首先,我们需要了解...

    Jquery取得Iframe中元素的几中方法

    当涉及到在页面中嵌入 iframe (内联框架) 的情况时,jQuery 提供了一些方法来帮助我们方便地访问和操作 iframe 中的元素。本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe...

    html中框架的运用

    在名为“Desgin-myself”的文件中,可能包含了使用HTML框架设计个人网页的示例代码。通过分析和实践这些代码,初学者可以深入理解如何创建和管理框架,以及如何用它们来构造复杂的网页布局。不过,同时也要记住探索...

    HTML框架实例

    在“HTML框架实例”中,我们将深入探讨如何使用frameset元素来创建和组织这些框架,以及如何利用它们优化用户体验。 首先,HTML框架的基础是`&lt;frameset&gt;`元素,它是`&lt;html&gt;`文档的顶级元素,用于定义页面布局的框架...

    动态创建iframe,并动态添加js执行代码

    需要注意的是,使用iframe和动态JavaScript执行也存在安全风险,如XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等,因此在开发过程中应确保代码的安全性。 总结来说,动态创建iframe并动态添加js执行代码是Web开发中...

    二个iframe之间传值 的小例子

    在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架,用于在单个HTML文档中嵌入另一个HTML文档。`iframe`常用于实现页面的分层展示、加载外部内容或者实现局部刷新等效果。当在一个页面内存在多个`iframe`时,...

    .net 网页的布局框架 iframe自适应高度 js设置链接样式

    最后,压缩包中的"设置页面框架及iframe自适应高度"可能包含了一个或多个文件,比如HTML、CSS、JavaScript和可能的ASP.NET服务器端代码文件。这些文件共同构成了这个简单的布局示例,通过合理的HTML结构、CSS样式和...

    html网页的简单框架

    需要注意的是,HTML5已经不再推荐使用`&lt;frameset&gt;`和`&lt;frame&gt;`标签,而是鼓励使用`&lt;iframe&gt;`标签来嵌入外部内容,因为它提供了更好的灵活性和控制性。然而,对于理解旧版HTML和早期Web开发历史,理解框架的概念仍然...

Global site tag (gtag.js) - Google Analytics