web前端之框架（frameset）

咳咳，首先感谢你的眼光，哈哈，好了废话不多说，进入正题：

framset常用于网页的后台开发，页面效果如下：

实际上是由四个页面组成的

整个页面是一个html页面（a），上面也是一个html页面（b），下面是两个html页面（c，d）。

当然，页面的效果由你设计，三个，两个随意

a页面

<html>
<head>
<title>表格标记</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<frameset rows="30%,*" frameborder="yes" ><frame src="b.html" noresize="noresize" /><frameset  cols="30%,*"><frame src="c.html" noresize="noresize" /> <frame src="d.html" name="_dd" />   </frameset>
</frameset>
</html>

最关键的一部分：

注意：frameset和body不能同时存在

frameset：代表一个页面整体

rows ：表示把页面分成上下两个部分，前面部分占30%，其余后面占用全部（*含义），当然你也可以把页面分成七八份，如果你还觉得美观的话，既然有上下，那么就有左右了cols，用法同rows

formeborder表示是否显示页面边框，默认不显示

frame是frameset的子集表示显示的具体页面

src表示页面路径

noresize表示边框是否可以拖动，即改变大小默认是可以的写了之后表示禁止改变大小

至于name表示：给标签起一个名字

b页面

<html>
<head>
<title>表格标记</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body><h1>xxx管理系统</h1>
</body>
</html>

c页面

<html>
<head>
<title>表格标记</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body><a href="../03-字体标记.html" target="_dd">03-字体标记.html</a>
</body>
</html>

a标记想必大家都很熟悉了吧，调整页面对吧

target表示属性

属性名=“属性值”

target常用属性值：_blank、_self、_top，name

其中_blank表示在新的页面打开

_self表示在自身所在页面打开

_top表示在自身页面顶层（整个页面即 a页面）

name：表示frame的属性name对应的值表示在该页面打开（同一个页面下 a包含三个子页面）

扩展：路径

相对路径：既然是相对，那肯定需要一个参照物啦，对比本页面而言 c:\users\administrator文件夹下有a.jpg、和b.txt即统一路径

在html中统一路径可以省略前面路径即：c:\administrator

进入表示统一路径，可以省略那么下一级路径呢，比如administrator下有一个文件夹 desktop里面有一个文件c.txt 怎么表示呢？使用.\desktop\c.txt即可，其中.\表示当前路径，加对应文件名即可

上一级路径呢？../表示即可，上上级呢?../../即可

绝对路径：表示从盘符到文件的描述比如c:\users\administrator\a.jpg 表示c盘下面users文件夹里面的administrator文件夹里面的一张图片

web前端之框架（frameset）相关推荐

2014年最受欢迎WEB前端UI框架
2014年已经过了一半,WEB前端受到更多人的观注,WEB前端也已经逐渐成为一种职业头衔! 相应的WEB前端UI框架更是受到新人追捧,下边为大家列出目前最受欢迎.最优秀的前端框架以供大家选择一款适合自 ...
web前端开源框架_9个用于前端Web开发的开源CSS框架
web前端开源框架当大多数人想到Web开发时,通常会想到HTML或JavaScript. 他们通常会忘记对访问网站的能力有更大影响的技术: 级联样式表(CSS) . 根据Wikipedia的说法,C ...
Web前端主流框架有哪些？哪种比较好？一文带你搞懂！
最近在某乎上看到这样一个问题--前端为什么会越来越复杂. 在评论中,看到一个回答,大意是这样的:相对于后端来说,前端的发展路径更容易分叉,总要有一种新的方法去解决一个新的问题.随着用户审美的提高,对产 ...
web前端技术框架选型参考
一.出发点随着Web技术的不断发展,前端架构框架.UI框架.构建工具.CSS预处理等层出不穷,各有千秋.太多的框架在形成初期,都曾在web领域掀起过一场技术浪潮,可有些却仅仅是昙花一现,随着他们用 ...
腾讯Web前端JX框架入门教程(一)
什么是JX框架 JX框架(Javascript eXtension tools)是模块化的非侵入式Web前端框架,适用于Web Page和Web App项目的开发,特别适合构建和组织大规模.工业级的W ...
web 前端基本框架
一.web前端2018/12/06单词: password charset submit reset checkbox placeholder texteara radio ...
web前端常用框架总结
web框架目前主流的 JavaScript 框架排名中,jQuery 和 Ext 可算是佼佼者,获得了用户的广泛好评.国内的一些框架很多也是仿照 jQuery 对 JavaScript 进行了包装, ...
「自动化测试」新一代 Web 前端自动化测试框架 —— playwright 快速上手，轻松带入项目
playwright上手内网如何安装项目依赖注意:想运行 playwright需要下载相关浏览器的二进制文件由于默认情况下,Playwright 会从 Microsoft CDN 下载浏览器二进 ...
Web前端UI框架 JQuery WeUI
获取JQueryUI http://jqweui.com/ jQuery WeUI 是 WeUI 的一个 jQuery 实现版本,除实现了官方插件之外,它还提供了如下拉刷新.日历.地址选择器等丰富的拓 ...

web前端之框架（frameset）

web前端之框架（frameset）相关推荐

最新文章

热门文章