框架嵌套实例

简介: <p><span style="white-space:pre"></span>框架无疑网页开发里运用很广,本实例运用框架嵌套知识构建基础网页。</p> <p>要求:1、将网页分为上中下三个大区域;</p> <p><span style="white-space:pre"></span>2、中间区域再分成左右区域;</p> <p><span style="white-space:pr

框架无疑网页开发里运用很广,本实例运用框架嵌套知识构建基础网页。

要求:1、将网页分为上中下三个大区域;

2、中间区域再分成左右区域;

3、在中间左侧区域添加代码,控制其他三个区域显示的内容。

效果图如下:

源码奉上:

Frame.html

<html>
<head>
<title>框架嵌套</title>
<frameset rows="150,*,180">
<frame name="topframe" src="topleft.html">
<frameset cols="20%,*">
	<frame name="midleftframe" src="midleft.html">
	<frame name="midrightframe" src="midright.html">
</frameset>
<frame name="bottomframe" src="bottomleft.html">
</frameset><noframes></noframes>
</head>
</html>

midleft.html

<html>
<head>
<title>框架嵌套midleft</title>
</head>
<body>
<li><a href="http://www.baidu.com" target="topframe">•连接到顶部框架</a></li>
<li><a href="http://hao.360.cn/" target="midrightframe">•连接到右部框架</a></li>
<li><a href="http://blog.csdn.net/u010887744" target="bottomframe">•连接到底部框架</a></li>
</body>
</html>

实例原型来源于书籍《零点起飞学JavaScript+jQuery》


目录
相关文章
|
3月前
|
存储 数据库连接 API
具有嵌套关系的可重用API资源——Laravel5.5
本文聚焦于利用 Laravel 中的 Resource::collection,并强调控制器对于处理数据关系包含的重要性。
37 1
|
3月前
|
编译器 C# 开发者
C# 10.0中的全局`using`指令:简化命名空间引用的新方式
【1月更文挑战第4天】本文介绍了C# 10.0中引入的全局`using`指令,该指令允许开发者在项目级别统一管理命名空间引用,从而消除源文件中重复的`using`语句。全局`using`指令通过减少冗余代码、提高可维护性和统一命名空间管理,为开发者带来了更高效的编码体验。文章详细解释了如何实现全局`using`指令,并探讨了其在实际项目中的优势和适用场景。
|
1月前
|
存储 小程序 程序员
嵌套的方式构建
嵌套的方式构建
9 0
|
1月前
|
机器学习/深度学习 存储 算法
C++ 模版函数介绍:介绍模版函数的基本概念、用法和作用
C++ 模版函数介绍:介绍模版函数的基本概念、用法和作用
18 1
|
1月前
|
编译器 芯片
嵌套向量中断控制器NVIC如何使用
嵌套向量中断控制器NVIC如何使用
19 1
|
3月前
|
前端开发 JavaScript 安全
对象属性值的黑魔法:ES8的简化语法让你的代码更简洁
对象属性值的黑魔法:ES8的简化语法让你的代码更简洁
|
5月前
简化对象和函数写法
简化对象和函数写法
19 1
|
9月前
|
C#
Blazor嵌套传递
Blazor嵌套传递
42 0
Blazor嵌套传递
|
JavaScript
Vue——05-01组件的基本使用、全局组件,局部组件、父子组件的区别、注册组件的语法糖以及分离写法
组件的基本使用、全局组件,局部组件、父子组件的区别、注册组件的语法糖以及分离写法
85 0
|
前端开发
前端学习案例4-类组件中绑定this指向的方式
前端学习案例4-类组件中绑定this指向的方式
54 0
前端学习案例4-类组件中绑定this指向的方式