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

最新推荐文章于 2025-05-21 09:58:10 发布

pichcar

最新推荐文章于 2025-05-21 09:58:10 发布

阅读量246

点赞数

文章标签：框架 HTML Servlet JSP

本文介绍了一个使用frameset实现的网页框架设计方案，通过左右分栏展示树型导航与动态内容。详细解释了如何配置frameset元素及其子元素frame，并演示了通过JavaScript动态更新右侧内容的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这段时间做了一个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.[u]rFrame[/u].location.href来自动重新赋予新的页面链接给右框架,然后自动加载它.而parent.lFrame.location可以给母页上左边的连接加上新值.
window.parent.frames[0].location.reload()或者window.parent.lFrame.location.reload()来重新根据母页上左边的配置加载左边的框架,达到刷新左边树的作用,在通过右边的增加删除数据来动态加减左边页面树节点的时候很有作用