frame实现菜单导航

简介: 效果如下: main.html<html><frameset cols="200,*"> <frame src="menu.html"> <frame src="pref.html" name="view_frame"></frameset> </html>m

效果如下:
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

main.html

<html>
<frameset cols="200,*">
  <frame src="menu.html">
  <frame src="pref.html" name="view_frame">
</frameset> 
</html>

menu.html

<html>
<body>

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

</body>
</html>

pref.html

<html>
<body bgcolor="#ff8888">

<h3>Preface</h3>

</body>
</html>

余下代码省略,关键是target和name这两个标签的使用。

后面我会在项目中用到这个方法实现菜单导航。

目录
相关文章
|
关系型数据库 MySQL
Loading class `com.mysql.jdbc.Driver‘. This is deprecated. The new driver class
Loading class `com.mysql.jdbc.Driver‘. This is deprecated. The new driver class
417 0
|
消息中间件 缓存 前端开发
【架构设计】互联网架构项目架构演进以及三高设计概述
【架构设计】互联网架构项目架构演进以及三高设计概述
【架构设计】互联网架构项目架构演进以及三高设计概述
|
Cloud Native 开发工具
带你读《云原生机密计算最佳实践白皮书》——Intel SGX SDK/PSW/DCAP: Intel SGX 软件开发套件和平台软件服务(2)
带你读《云原生机密计算最佳实践白皮书》——Intel SGX SDK/PSW/DCAP: Intel SGX 软件开发套件和平台软件服务(2)
801 0
|
存储 消息中间件 容灾
阿里IM技术分享(八):深度解密钉钉即时消息服务DTIM的技术设计
本文是国内企业IM的事实王者钉钉首次对外深度解密其即时消息服务(即DingTalk IM,简称DTIM)的技术设计实践。
1281 0
阿里IM技术分享(八):深度解密钉钉即时消息服务DTIM的技术设计
|
Web App开发 JavaScript 前端开发
Javascript 浏览器窗口可视区域大小
Javascript 浏览器窗口可视区域大小
137 0
|
数据处理 数据库
面试中的最常被问到的两种锁
面试中的最常被问到的两种锁
166 0
面试中的最常被问到的两种锁
|
Java 数据库连接 应用服务中间件
Mybatis核心配置文件概述
Mybatis核心配置文件概述
156 0
Mybatis核心配置文件概述