多窗口展示页面

来源:互联网 发布:淘宝上好的澳洲代购 编辑:程序博客网 时间:2024/05/08 14:15

很多时候,我们登陆某个系统的时候可以看到多窗口布局的影子,本文就如何实现多窗口进行展开。

多窗口就是将浏览器页面分割成了多个窗口,每个窗口都可以显示独立的网页文件,常用于网站后台设计,HTML可以使用frameset框架进行分割窗口

基本结构:

框架集frameset,窗户架

框架frame,玻璃

没有body

noframs


如何创建框架

通过frameset分割网页,

每个窗口再由frame组合

步骤:先创建好个窗口要显示的网页,最后创建框架集网页


1按行分隔

创建index.html

<frameset rows="25%","50%","25%"><frame src="a.html"><frame src="b.html"><frame src="c.html"></frameset>
这就按行分割了3个网页,abc并且比例也显示出来了


2 按列分割网页

<frameset cols="25%","50%","25%"><frame src="a.html"><frame src="b.html"><frame src="c.html"></frameset>
一样的

分割复杂的窗口:

实现思路:大块分割,小块嵌套,框架集中嵌套框架集


嵌套举例

<frameset rows="50%","50%"><span style="white-space:pre"></span><frame src="a.html"><span style="white-space:pre"></span><frameset cols="25%","75%"><span style="white-space:pre"></span><frame src="b.html"><span style="white-space:pre"></span><frame src="c.html"></frameset>

小结:

frameset 有 rows cols border bordercolor

frame有 src name scrolling noresize





0 0
原创粉丝点击