HTML 框架 frameset，frame

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架

框架结构标签（<frameset>）

框架结构标签（<frameset>）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积

框架标签（frame）

frame标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：

< frame src="frame_a.htm">

</frameset>

JavaScript中window的对象集合：frames[];

返回窗口中所有命名的框架。

该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意，frames[] 数组中引用的框架可能还包括框架，它们自己也具有 frames[] 数组。

window对象的一个属性 top；

top 属性返回最顶层的先辈窗口。

该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口，top 属性存放对窗口自身的引用。如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口。

语法：window.top

基本的注意事项 - 有用的提示：

假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。

为不支持框架的浏览器添加 <noframes> 标签。

重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。

本例演示如何制作含有三份文档的框架结构，同时将他们混合置于行和列之中。

混合框架：

<!DOCTYPE html>
<html>
<headlang="en"><metacharset="UTF-8"><title></title>
</head>
<framesetrows="25%,*">//这个的*号相当于1-25%<framesrc="frame1.html"><framesetcols="15%,*"><framesrc="frame2.html"><framesrc="frame3.html"name="frame3"></frameset>
</frameset>
</html>

View Code

<!DOCTYPE html>
<html>
<headlang="en"><metacharset="UTF-8"><title></title>
</head>
<body>
<h1>frame2</h1>
<ahref="jg22.html"target="frame3" >jg22</a><br/><br/><br/>
<ahref="jg23.html"target="frame3">jg23</a><br/><br/><br/>
<ahref="jg24.html"target="frame3">jg24</a><br/><br/><br/>
</body>
</html>

View Code

<!DOCTYPE html>
<html>
<headlang="en"><metacharset="UTF-8"><title></title><script>window.onload=function(){varbnt=document.getElementsByTagName('button')[0];varbnt1=document.getElementsByTagName('button')[1];varbnt2=document.getElementsByTagName('button')[2];bnt.onclick=function(){window.top.frames[2].history.go(-1);//previous
};bnt1.onclick=function(){window.top.frames[2].history.go(1);//next
};bnt2.onclick=function(){window.location.href="change.html";//只改变浏览器窗口中frame1的页面
window.top.location.href="change.html";//改变整个浏览器窗口页面
}}</script>
</head>
<body>
<h1>frame1</h1>
<button>previous</button>
<button>next</button>
<button>change</button></body>
</html>

View Code

截图：

HTML 框架 frameset，frame相关推荐

html中的框架frameset和frame及iframe
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面. 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面. 每个页面称之为一个框架.并且每个框架独立 ...
框架标签frame以及frameset
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>hea ...
js 操作frameset frame 对象
js 操作frameset frame 对象框架编程概述一个HTML页面可以有一个或多个子框架,这些子框架以<iframe>来标记,用来显示一个独立的HTML页面.这里所讲的框架编程包 ...
jquery 控制frameset frame节点内容（在子窗口中把该窗口中的焦点处的text内容填
2019独角兽企业重金招聘Python工程师标准>>> 现在做这个项目中,有一项把:在子窗口中把该窗口中的焦点处的text内容填入其它子窗口的input内,也就是改写input的va ...
HTML之FrameSet,Frame和Iframe区别
文章目录 1 HTML之Frame框架 1.1 各个介绍 1.1.1 Frameset 1.1.2 Frame 1.1.3 Iframe 1.2 区别 1.2.1 Frameset与Frame的区别 ...
DCMTK：测试框架内容Frame Content FG类
DCMTK:测试框架内容Frame Content FG类测试框架内容Frame Content FG类测试框架内容Frame Content FG类 #include "dcmtk/c ...
html框架集frame是啥意思,HTML框架集frameset和内嵌框架iframe
? 今天总结和两个标签. ? frameset标签使用于定义一组框架集,将多个窗口组合在一个框架集中,各个子框架单独引使用一个文档.下面贴一个用的例子: frameset用示例在以上实例中,定义了 ...
html框架集frame是啥意思,HTML框架frame与iframe详解
HTML框架框架简介经过使用框架,你能够在同一个浏览器窗口中显示不止一个页面.每份HTML文档称为一个框架,而且每一个框架都独立于其余的框架. 使用框架的坏处:html 开发人员必须同时跟踪更多的 ...
frameset,frame,iframe区别
frame是html语言中重要的一部分,使用frame必须首先用frameset来定义. 需要注意的是:frameset元素和body元素不能同时使用. 例: <center> <m ...

HTML 框架 frameset，frame

基本的注意事项 - 有用的提示：

HTML 框架 frameset，frame相关推荐

最新文章

热门文章