使用框架标记＜frame＞实现浏览器窗口分割

2023-11-19 理论教育版权反馈

【摘要】：框架又常被称为帧。用＜frameset＞标记划分区域，用＜frame＞标记定义各区域要执行的程序。下面的一组程序演示了框架是如何分割浏览器窗口及各窗口中执行的程序。使用“记事本”输入如下“frame.htm”、“Title.htm”、“navigator.htm”程序并存放在应用目录“webapps/ROOT”下的“E16”目录中。在浏览器地址栏中输入：http：//192.168.2.1：8080/E16/frame.htm，并选择“数据录入”功能后，浏览器窗口显示如图3-8所示。图3-8 使用＜frame＞框架分割浏览器窗口frame.htm：Title.htm：

框架（Frame）又常被称为帧。利用框架可以将浏览器窗口分割成多个相互独立的区域，每个区域可以显示独立的HTML页面。

用＜frameset＞标记划分区域，用＜frame＞标记定义各区域要执行的程序。

下面的一组程序（frame.htm、Title.htm、navigator.htm）演示了框架是如何分割浏览器窗口及各窗口中执行的程序。

“frame.htm”程序中，＜framesetrows=＂40，*＂id=＂FS1＂frameborder=＂1＂border-color=＂red＂border=＂1＂framespacing=＂1＂＞将浏览器分割成两行窗口：第一行窗口高40像素，余下的高度全给第二行窗口，两行窗口之间有边界线（frameborder=＂1＂），边界线的颜色为红（bordercolor=＂red＂），窗口之间的距离为1像素（framespacing=＂1＂）；＜framesrc=＂Title.htm＂name=＂F1＂frameborder=＂no＂scrolling=＂no＂noresize＞表示：第一行窗口中要运行程序Title.htm（src=＂Title.htm＂），该窗口的名字是F1（name=＂F1＂，该名字可以被＜a＞、＜form＞等标记中的target属性参考），该窗口没有滚动条、不能改变大小（scrolling=＂no＂noresize）；第二行的窗口又分为两列窗口：第一列窗口的宽占整个窗口的16%；第一列窗口中运行程序navigator.htm，窗口的名字是F2，滚动条自动显示；第二列窗口初始时无运行的程序（src=＂＂），名字是F3。

“Title.htm”显示标题“人事管理系统”。

navigator.htm是功能选择单。完成各功能的程序被定位到第二列窗口F3中。其中的“数据录入”功能，借用了实训15中“E_form_2.htm”页面。

使用“记事本”输入如下“frame.htm”、“Title.htm”、“navigator.htm”程序并存放在应用目录“webapps/ROOT”下的“E16”目录中。

在浏览器地址栏中输入：http：//192.168.2.1：8080/E16/frame.htm，并选择“数据录入”功能后，浏览器窗口显示如图3-8所示。(www.chuimin.cn)