惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
云风的 BLOG
云风的 BLOG
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
D
Docker
H
Help Net Security
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Microsoft Azure Blog
Microsoft Azure Blog
钛媒体：引领未来商业与生活新知
钛媒体：引领未来商业与生活新知
T
Tailwind CSS Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
月光博客
月光博客
C
Check Point Blog
S
SegmentFault 最新的问题
T
The Blog of Author Tim Ferriss
J
Java Code Geeks
M
MIT News - Artificial intelligence
B
Blog RSS Feed
MyScale Blog
MyScale Blog
大猫的无限游戏
大猫的无限游戏
Hugging Face - Blog
Hugging Face - Blog
腾
腾讯CDC
美
美团技术团队
I
InfoQ
Blog — PlanetScale
Blog — PlanetScale

博客园 - 爱你的人

从ArcEngine的模板开始 ArcIMS9.3新特性 ArcIMS9.2补丁安装 构建自己的ExtJs 失败 文字布局(TEXT STYLE)标记(TAGS) 表格(TABLE)标记(TAGS) 表单(FORM)标记(TAGS) 表格进阶(TABLE ADVANCED) 页面(PAGE)标记(TAGS) 字体(FONT)标记(TAGS) 图象(IMAGE)标记(TAGS) 会移动的文字(Marquee) 多媒体页面(Alternative Inline Elements) HTML 标记(Tag)的索引(Index) 多线程程序设计之一 16.ListBox and StatusStrip C# 函数方法大全＋学习笔记 14.PictureBox
多窗口页面(Frames)
爱你的人 · 2008-05-01 · via 博客园 - 爱你的人

+ 基本语法

<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>
示例




<frameset rows=#>

横向排列多个窗口：



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









COLS & ROWS

纵横排列多个窗口：



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









不允许各窗口改变大小 <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>
示例







特殊的 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 没有) 




各窗口间空白区域的设置 

<frameset framespacing=#> #=空白区域的大小 




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







边框色彩 <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>
示例







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




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







卷滚条设置 <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>
示例





 



        

          
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。