html教程(八) 多窗口页面

原创 2004年09月14日 10:04:00

◇ 基本语法

<frameset> ... </frameset>
<frame src="url">
<noframes> ... </noframes>

在 <noframes> 标记后的文字将只出现在不支持 FRAMES 的浏览器中。

        <HTML>
        <HEAD>
        </HEAD>
        <FRAMESET>
             <FRAME SRC="url">
             <NOFRAMES> ... </NOFRAMES>
        </FRAMESET>
        </HTML>

◇ 各窗口的尺寸设置

<frameset cols=#>

纵向排列多个窗口:

<frameset cols=30%,20%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>


A B C

 

<frameset rows=#>

横向排列多个窗口:

<frameset rows=25%,25%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>


A
B
C

 

COLS & ROWS

纵横排列多个窗口:

<frameset cols=20%,*>
<frame src="A.html">
     <frameset rows=40%,*>
     <frame src="B.html">
     <frame src="C.html">
     </frameset>
</frameset>


A B
C

 

不允许各窗口改变大小 <frame noresize>

缺省设置是允许各窗口改变大小的。

 

◇ 各窗口间相互操作(Frame Target)

窗口标识(Frame Name)
<frame name=#>
<a href=url target=#>

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="B.html" name="HELLO">
</frameset>


A B

 

特殊的 4 类操作(很有用喔)

<a href=url target=_blank> 新窗口
<a href=url target=_self> 本窗口
<a href=url target=_parent> 父窗口
<a href=url target=_top> 整个浏览器窗口

示例

 

◇ Frame 的外观(Appearance)

各窗口边框的设置 <frame frameborder=#> #=yes, no / 1, 0

<frameset rows=30%,*>
<frame src="Acol.html" frameborder=1>
<frameset cols=30%,*>
     <frame src="Bcol.html" frameborder=0>
     <frame src="Ccol.html" frameborder=0>
</frameset>
</frameset>


(A 有边框,B、C 没有)

A
B C

各窗口间空白区域的设置
<frameset framespacing=#> #=空白区域的大小

<frameset rows=30%,* framespacing=100>
<frame src="Acol.html">
<frameset cols=30%,*>
     <frame src="Bcol.html">
     <frame src="Ccol.html">
</frameset>
</frameset>


A
B C

边框色彩 <frameset bordercolor=#>

#=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<frameset rows=30%,* bordercolor=red>
<frame src="Acol.html">
<frameset cols=30%,*>
     <frame src="Bcol.html">
     <frame src="Ccol.html">
</frameset>
</frameset>


A
B C

页面空白(Margin) <frame marginwidth=# marginheight=#>

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html" 
    marginwidth=50 
    marginheight=50>
</frameset>


AAAA AA
AA

卷滚条设置 <frame scrolling=#> #=yes, no, auto

#=缺省值是 auto。

 

◇ 浮动窗口(Floating Frame)

<iframe src=# name=##> ... </iframe>
#=初始页面的 URL
##=窗口标识(Frame Name)(之后可对此标识进行各窗口间相互操作)
... = 此处文字将只出现在不支持 FRAMES 的浏览器中。

<center>
<iframe src="A.html" name="window">
   Here is a Floating Frame
</iframe>
<br><br>
<a href="A.html" target="window">Load A</A><BR>
<a href="B.html" target="window">Load B</A><BR>
<a href="Ccol.html" target="window">Load C</A><BR>
</center>


Display A.html


Load A
Load B
Load C

(完)


将一个页面分成多个html文件(静态html分割页面)

静态html分割页面,达到类似PHP等动态页面的include引入页面效果。 用html把首页分成三个文件...
  • x_chengqq
  • x_chengqq
  • 2016年06月19日 14:54
  • 10472

是时候来了解android7了:多窗口支持

这篇文章开始, 我们来了解一下android 7的一些新特性, 话说今年android 7预览版本来的比以往都稍早一些, 这样对于我们开发者来说算是一个好消息, 我们可以有充足的时间来看新版andro...
  • qibin0506
  • qibin0506
  • 2016年08月22日 01:17
  • 9207

教你如何把切割好的html页面转换成可供DIY的页面(高级教程

以下以家居频道为例为大家讲解 我们常见的切割好的html页面包含这么几个元素  如下图  图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面     大家...
  • u011829023
  • u011829023
  • 2014年02月28日 10:25
  • 1016

基于Android 4.4 开发的多窗口系统 开放源码 Android 多窗口 开源

基于Android 4.4 开发的多窗口系统 开放源码
  • ritterliu
  • ritterliu
  • 2014年06月20日 19:22
  • 14977

Python+Selenium练习篇之27-多窗口之间切换

本文来介绍如何处理driver在多窗口之间切换,想一下这样的场景,在页面A点击一个连接,会触发在新Tab或者新窗口打开页面B,由于之前的driver实例对象在页面A,但是你接下来的脚本是操作页面B的元...
  • u011541946
  • u011541946
  • 2017年04月11日 20:30
  • 3643

html实战-制作静态网页

教程视频:http://edu.csdn.net/course/detail/535   从42开始 制作的网页:http://www.cnos.co/ 整体思路: 先布局再CSS控制 骨...
  • itzhengmaolin
  • itzhengmaolin
  • 2016年08月04日 15:00
  • 10910

android安卓手机分屏多窗口实现方法

效果图 然后就是下载安装万能的xpoesd框架了 说一句需要root 安装后打开选择管理框架模块 点击安装,更新 ...
  • chengkaizone
  • chengkaizone
  • 2016年04月05日 10:48
  • 5549

八爪鱼采集器︱加载更多、再显示20条图文教程(Xpatth、Ajax)

由于代码布置采集器比较麻烦,又很早知道八爪鱼采集器的强大,所以把一些常规的采集内容贴成图文教程,供以后使用。 八爪鱼采集器官方视频教程见:http://www.bazhuayu.com/tutor...
  • sinat_26917383
  • sinat_26917383
  • 2016年10月19日 18:40
  • 2583

MiniGUI 体系结构之二——多窗口管理和控件及控件类

简介: 本文是 MiniGUI 体系结构系列文章的第二篇,重点介绍 MiniGUI 的多窗口机制以及相关的窗口类技术。其中涉及到窗口 Z 序、窗口剪切、控件类和控件以及输入法模块设计等等。...
  • HiRuyue
  • HiRuyue
  • 2013年09月15日 10:35
  • 735

小波变换教程(八)

小波变换网文精粹:小波变换教程(八) 原文:ROBI POLIKAR. THE ENGINEER'S ULTIMATE GUIDE TO WAVELET ANALYSIS:The Wavel...
  • alihouzi
  • alihouzi
  • 2015年04月22日 09:19
  • 957
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html教程(八) 多窗口页面
举报原因:
原因补充:

(最多只允许输入30个字)