frameset使用教程（HTML5 中<frameset>和<frame>的替代方法）

本文目录

• HTML5 中和的替代方法
• 如何在frameset加载之前执行一个js方法和如何在js里直接接到java中传过来的值
• html5能用frameset吗不能用用什么代替
• html中框架(frame)的详细使用方法
• Html中的frame属性的详尽使用方法
• 网页设计中怎样在上面放导航，下面放内容，作用相似于frameset的方法，就是不刷新整个页面，只让下部分跳
• 怎样准确找到框架里面定义的一个方法

HTML5 中和的替代方法

html5中frameset是没有效果的， html5把常用的标签都封装了效果，增强了标签的结构性，头部，中间，尾部，导航栏，都设置了相对应的标签

如何在frameset加载之前执行一个js方法和如何在js里直接接到java中传过来的值

iframe加载之前用个js：可以在js function a(){ iframe.src = ““ } a(); 在a执行完之后在更新iframe的路径加载页面：2.我一般用jquery 库，你可以异步加载java返回的json数据。网上有很多

html5能用frameset吗不能用用什么代替

html5不支持frameset的，所以解决方法有以下两种：

1、 使用iframe，但是目前使用iframe的人已经越来越少了，而且iframe在不同浏览器之间还有不兼容的情况。

2、使用jQuery的onload方法加载页面，不过这种方法跳转多个页面后，点击浏览器上方的后退前进是无效的，不过可以认为的添加一个返回按钮。所以更流行的是这种方法：

举例说明：

《!DOCTYPE HTML》《html》《head》《meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8“ /》《title》div+css实现frameset效果《/title》《style type=“text/css“》.header{border-bottom:1px solid #ccc;margin-bottom:5px;}.MainContainer{min-width:960px;max-width:1600px;}.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}.main{float:left;margin-left:200px;padding:5px;}.content{padding:0 10px;}《/style》《/head》《body》    《div class=“page“》        《div class=“header“》            《div id=“title“》                《h1》顶部《/h1》            《/div》        《/div》        《div class=“MainContainer“》            《div class=“sidebar“》            边栏            《/div》            《div  id=“main“ class=“main“》                内容            《/div》                   《/div》    《/div》《/body》《/html》

4、运行效果如下：

html中框架(frame)的详细使用方法

框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 《FRAMESET》 《FRAME》 即可，而所有框架标记 要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 《BODY》 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。《FRAMESET》 是用以划分框窗，每一框窗由一个 《FRAME》 标 记所标示，《FRAME》必须在 《FRAMESET》 范围中使用。如下例： 《frameset cols=“50%,*“》 《frame name=“hello“ src=“up2u.html“》 《frame name=“hi“ src=“me2.html“》 《/frameset》 此例中 《FRAMESET》 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，《FRAME》 标记所标示的框窗永远是按由上而下、由左至右的次序。 《FRAMESET》 《FRAME》 ： 《FRAMESET》 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。 《FRAME》 则只是设定某一个框窗内的参数属性。 《FRAMESET》 参数设定： 例子：《frameset rows=“90,*“ frameborder=“0“ border=0 framespacing=“2“ bordercolor=“#008000“》 COLS=“90,*“ 垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS=“30,*,50%“ 可以 切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当 分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。 ROWS=“120,*“ 就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 《FRAMESET》 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。 frameborder=“0“ 设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ） border=“0“ 设定框架的边框厚度，以 pixels 为单位。 bordercolor=“#008000“ 设定框架的边框颜色。 framespacing=“5“ 表示框架与框架间的保留空白的距离。 《FRAME》 参数设定： 例子：《frame name=“top“ src=“a.html“ marginwidth=“5“ marginheight=“5“ scrolling=“Auto“ frameborder=“0“ noresize framespacing=“6“ bordercolor=“#0000FF“》 SRC=“a.html“设定此框窗中要显示的网页档案名称，每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径，有关此两者详见於【连结进阶】。 NAME=“top“设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。 frameborder=0设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ） framespacing=“6“表示框架与框架间的保留空白的距离。 bordercolor=“#008000“设定框架的边框颜色。颜色值请参考【HTML 剖析】。 scrolling=“Auto“设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。 noresize设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。 marginhight=5表示框架高度部份边缘所保留的空间。 marginwidth=5表示框架宽度部份边缘所保留的空间。《NOFRAMES》 ： 当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免 这种情况，可使用 《NOFRAMES》 这个标记，当使用者的浏览器看不到框架时，他就会看 到 《NOFRAMES》 与 《/NOFRAMES》 之间的内容，而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。 应用方法： 在《frameset》 标记范围加入 《/NOFRAMES》 标记，以下是一个例子： 《frameset rows=“80,*“》 《noframes》 《body》 很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。 《/body》 《/noframes》 《frame name=“top“ src=“a.html“》 《frame name=“bottom“ src=“b.html“》 《/frameset》 若浏览器支援框架，那堋它不会理会 《noframes》 中的东西，但若浏览器不支援框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 《noframes》范围内的文字会被显示。 《IFRAME》 ： 这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围著的字句只有在浏览器不支援 iframe 标记时才会显示，如《noframes》 一样，可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好，若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。 《iframe》 的参数设定如下： 例子： 《iframe src=“iframe.html“ name=“test“ align=“MIDDLE“ width=“300“ height=“100“ marginwidth=“1“ marginheight=“1“ frameborder=“1“ scrolling=“Yes“》 src=“iframe.html“ 欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。 name=“test“ 此框窗名称，这是连结标记的 target 参数所 要的， align=“MIDDLE“ 可选值为 left, right, top, middle, bottom，作用不大 width=“300“ height=“100“ 框窗的宽及长，以 pixels 为单位。 marginwidth=“1“ marginheight=“1“ 该插入的文件与框边所保留的空间。 frameborder=“1“ 使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no） scrolling=“Yes“ 使用 Yes 表示容许卷动（内定）， No 则不容许卷动。 例子： 原始码 《center》 《iframe src=“《/form》这样就可以你的查询条件传给main.asp中了！

Html中的frame属性的详尽使用方法

《frame》 标签定义 frameset 中的一个特定的窗口（框架）。

frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等等。

实例：

结果如下：

补充知识：

网页设计中怎样在上面放导航，下面放内容，作用相似于frameset的方法，就是不刷新整个页面，只让下部分跳

meset把整个浏览器划分为几块，每一块单独是个窗口。IFRAME在某个窗口的里面嵌入一个窗口，名字空间基本上是一样的，只是外观有点区别。补充：iframe可以嵌套在frameset的具体的框架里面，也可以在独立窗口里面，也就是出现在《body》和《/body》之间。

怎样准确找到框架里面定义的一个方法

《frame》 标签定义 frameset 中的一个特定的窗口（框架）。frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等等。实例：1234567 《html》《frameset cols=“25%,50%,25%“》 《frame src=“frame_a.htm“ /》 《frame src=“frame_b.htm“ /》 《frame src=“frame_c.htm“ /》《/frameset》《/html》