利用frame实现简单的导航功能
2007-05-17 15:11
399 查看
一个FRAMESET结构的页面,新文档只转载进窗口的一部分中,而其他页面则保持静态不变。当用户点击FRAME中的链接时,新内容就在同一FRAME内打开。要让新内容在其他FRAME中打开,可以设置<A>标记的target属性值为那个FRAME的name值。
而且,我们还可以设置打开目标为当前可见的任意一个FRAME,而不局限于本身的FRAMESET。目标可能是一个嵌套的FRAMESET中的FRAME,也可能是其他窗口中的FRAME。但是如果目标FRAME不存在,就会产生一个带有目标FRAME名字的新窗口。
下面举个例子说明一下,假设有一个简单含2-FRAME的FRAMESET,文件名叫做home.html,代码如下:
<HTML>
<HEAD><TITLE>FrommCo home page</TITLE></HEAD>
<FRAMESET cols="115,*">
<FRAME src="menu.htm">
<FRAME name="content" src="main.htm">
</FRAMESET>
</HTML>
文件menu.htm在左边的FRAME中,其中有一系列链接,点击它们后新内容将在右边的叫做content的FRAME中打开。下面是menu.html的代码:
<HTML><HEAD></HEAD>
<BODY><P><BR>
<IMG src="Images/tmp_logo.gif" alt="FrommCo"><P>
<A href="main.htm" target="content">Main page</A><P>
<A href="mission.htm" target="content">Our mission</A><P>
<A href="staff.htm" target="content">Our staff</A><P>
<A href="splash.htm" target="_parent">FrommCo splash page</A>
</BODY></HTML>
而且,我们还可以设置打开目标为当前可见的任意一个FRAME,而不局限于本身的FRAMESET。目标可能是一个嵌套的FRAMESET中的FRAME,也可能是其他窗口中的FRAME。但是如果目标FRAME不存在,就会产生一个带有目标FRAME名字的新窗口。
下面举个例子说明一下,假设有一个简单含2-FRAME的FRAMESET,文件名叫做home.html,代码如下:
<HTML>
<HEAD><TITLE>FrommCo home page</TITLE></HEAD>
<FRAMESET cols="115,*">
<FRAME src="menu.htm">
<FRAME name="content" src="main.htm">
</FRAMESET>
</HTML>
文件menu.htm在左边的FRAME中,其中有一系列链接,点击它们后新内容将在右边的叫做content的FRAME中打开。下面是menu.html的代码:
<HTML><HEAD></HEAD>
<BODY><P><BR>
<IMG src="Images/tmp_logo.gif" alt="FrommCo"><P>
<A href="main.htm" target="content">Main page</A><P>
<A href="mission.htm" target="content">Our mission</A><P>
<A href="staff.htm" target="content">Our staff</A><P>
<A href="splash.htm" target="_parent">FrommCo splash page</A>
</BODY></HTML>
相关文章推荐
- OC简单小功能的实现-利用三个代表三原色的滑块控制背景颜色变化
- 利用jquery简单实现返回顶部功能
- jQuery实现简单的下拉菜单导航功能示例
- 利用Unity和高通实现简单的AR功能
- 浅谈百度地图的简单开发最后收官之实现导航功能(五)
- [ios开发]利用有道翻译API实现简单的翻译功能
- 利用JQuery实现简单的菜单栏导航
- Java利用stmp协议实现简单邮件发送功能
- 【Android游戏开发十六】Android Gesture之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能!
- SDL游戏开发教程06(利用BOOST库实现简单的文件日志功能)
- android--利用SlidingPaneLayout实现简单的侧滑功能
- 利用MailCore框架实现简单的邮箱功能
- 利用可变参数列表简单实现printf函数的功能
- 利用重写url机制简单实现验证码换一张的功能
- 利用jQuery 实现一个简单的侧边菜单隐藏显示功能
- SpringCloud系列:利用Zuul实现统一服务网关服务,简单实现IP白名单功能
- 利用PHP绘图函数实现简单验证码功能的方法
- 利用ffmpeg实现最简单的视频播放功能
- 利用文件实现Free Pascal中的简单排序功能
- iBATIS中1:N查询结果利用groupBy功能实现的简单配置