⊕ 网站首页  ⊕注册会员  ⊕ 本站免费电影 ⊕ 留言板  ⊕ 繁體中文

 　

您现在的位置： 陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文
　

　 　
专 题 栏 目
相 关 文 章

静音浏览，让嘈杂的网页
添加信任白名单 加快网页
5.19断网事件详解:少年租
丰富资讯时尚高效 网页迅
网页上玩QQ WebQQ第三期
网页资源轻松提取 腾讯T
Adobe CS4网页制作套装测
QQ直播网页改版 QQLive3
网易POPO网页版 Beta1 公
插件作品：网页图片刷新
　
详解网页框架Frameset的使用心得           
详解网页框架Frameset的使用心得
作者：陈鹏 文章来源：eNet 点击数： 更新时间：2009-9-12 8:46:09
　




　

　　最近在搞网页编程，总结了frameset 的一些使用技巧，供大家参考哦，还是先剖析一下框架吧！

　　■ 框架标记

　　
　　 <BR>　　<IFRAME> </P> <P>　　欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。 <BR>　　也请先明白围堵标记与空标记的分别，请看 【HTML概念】。 </P> <P>　　■ 框架概念 ：</P> <P>　　谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可，面所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架如何分割 ，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档案 面不是其他框窗的档案。<FRAMESET> 是用来划分框窗，每一窗框由一个 <FRAME> 标 记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例：<BR>　　<frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> <BR>　　</frameset> <BR>　　此例中 <FRAMESET> 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序 </P> <P><FRAME><BR>用法：　　　　　　定义一个帧<BR>开始／结束标识：　必须／非法<BR>属性：　　　　　　name="..."定义帧的名字<BR>　　　　　　　　　scr="..."定义在帧中显示的内容的来源<BR>　　　　　　　　　frameborder="..."定义帧之间的边界(0或1)<BR>　　　　　　　　　margwidth="..."设置帧的边界和其中内容之间的间距<BR>　　　　　　　　　margheight="..."设置帧的边界和其中内容之间的间距化<BR>　　　　　　　　　noresize="..."使帧的尺寸不能变<BR>　　　　　　　　　scrolling="..."设置滚动条的表示方式(auto, yes, no)<BR>空：　　　　　　　不允许</P> <P><FRAMESET>...</FRAMESET><BR>用法：　　　　　　定义在一个窗口中帧的布局<BR>开始／结束标识：　必须／必须<BR>属性：　　　　　　rows="..."设定行的数目<BR>　　　　　　　　　cols="..."设定列的数目<BR>　　　　　　　　　onload="..."当载入文档时的内部事件触发器<BR>　　　　　　　　　onunload="..."当卸载文档时的内部事件触发器<BR>空：　　　　　　　不允许<BR>注释：　　　　　　FRAMESET可以嵌套</P> <P>　　以上所述只是最简单的框架设定，若希望达到更合适的效果请加入或修改以下各参数。 </P> <P>　　标记：<FRAMESET> <BR>　　例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000"></frameset> <BR>　　功用：宣告HTML文件为框架模式，并设定视窗如何分割。 </P> <P>　　参数： <BR>COLS="90,*" <BR>垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。 </P> <P>ROWS="120,*" <BR>这是横向切割，将画面上下分开，数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类型的框架，尽量采用多重分割，如以上各例。 </P> <P>frameborder="0" <BR>设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。 </P> <P>border="0" <BR>设定框架的边框厚度，以 pixels 为单位。 </P> <P>bordercolor="#008000" <BR>设定框架的边框颜色。颜色值请参考【调色原理】。 </P> <P>framespacing="5" <BR>表示框架与框架间保留的空白的距离。 </P> <P>　　标记：<FRAME> <BR>　　例子：<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> <BR>　　功能：设定每一个框窗内的参数属性。 <BR>　　参数： </P> <P>SRC="a.html"<BR>设定此框窗中要显示的网页档案名称，每个框窗一定要对应一个网页档案。 </P> <P>NAME="top"<BR>设定这个框窗的名称，这样才能指定框架来作链接，必须但任意命名。 </P> <P>frameborder=0<BR>设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要边框。 </P> <P>framespacing="6"<BR>表示框架与框架间的保留的空白的距离。 </P> <P>bordercolor="#008000"<BR>设定框架的边框颜色。 </P> <P>scrolling="Auto"<BR>设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示卷轴，AUTO 视情况而定。 </P> <P>noresize<BR>设定不让使用者可以改变这个框框的大小，如没有设定此参数，使用者可随意地拉动框架改变其大小。 </P> <P>marginhight=5<BR>表示框架高度部分边缘所保留的空间。 </P> <P>marginwidth=5<BR>表示框架宽度部分边缘所保留的空间。</P> </p> <center></center></td> </tr> <tr> <td colspan="2" align='right' bgcolor="#00FFFF">文章录入：陈鹏&nbsp;&nbsp;&nbsp;&nbsp;责任编辑：陈鹏&nbsp; </td> </tr> <tr> <td width="5"></td> <td width="559"><li>上一篇文章： <a class='LinkPrevArticle' href='/Article/wangluo/wangye/200909/5371.html' title='文章标题：心得:漫谈网站改版的必要性 作&nbsp;&nbsp;&nbsp;&nbsp;者：陈鹏 更新时间：2009-9-12 8:46:09'>心得:漫谈网站改版的必要性</a></li><br> <li>下一篇文章： <a class='LinkNextArticle' href='/Article/wangluo/wangye/200909/5373.html' title='文章标题：网页设计中插入网页音乐的技巧 作&nbsp;&nbsp;&nbsp;&nbsp;者：陈鹏 更新时间：2009-9-12 8:46:10'>网页设计中插入网页音乐的技巧</a></li></td> </tr> <tr align="right" class="Article_tdbgall"> <td colspan="2" bgcolor="#00FFFF">【字体：<a href="javascript:fontZoomA();" class="top_UserLogin">小</a> <a href="javascript:fontZoomB();" class="top_UserLogin">大</a>】【<a href="/Article/Comment.asp?ArticleID=5372" target="_blank">发表评论</a>】【<a href="/User/User_Favorite.asp?Action=Add&ChannelID=1&InfoID=5372" target="_blank">加入收藏</a>】【<a href="/Article/SendMail.asp?ArticleID=5372" target="_blank">告诉好友</a>】【<a href="/Article/Print.asp?ArticleID=5372" target="_blank">打印此文</a>】【<a href="javascript:window.close();">关闭窗口</a>】 </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table198"> <tr> <td>　</td> </tr> </table> </td> </tr> <tr> <td> <img border="0" src="/Skin/njyyjy/zin_r41_c1.gif" width="593" height="20"></td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </div> </td> <td bgcolor="#FFFFFF" width="4"> 　</td> </tr> <tr> <td bgcolor="#FFFFFF" width="4"> 　</td> </tr> <tr> <td bgcolor="#FFFFFF" width="4" height="444"> 　</td> </tr> <tr> <td bgcolor="#FFFFFF" width="7"> <img src="/Skin/njyyjy/分隔符.gif" width="7" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="4"> <img src="/Skin/njyyjy/分隔符.gif" width="4" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="6"> <img src="/Skin/njyyjy/分隔符.gif" width="6" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="28"> <img src="/Skin/njyyjy/分隔符.gif" width="28" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="145"> <img src="/Skin/njyyjy/分隔符.gif" width="145" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="7"> <img src="/Skin/njyyjy/分隔符.gif" width="7" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="5"> <img src="/Skin/njyyjy/分隔符.gif" width="5" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="9"> <img src="/Skin/njyyjy/分隔符.gif" width="9" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="6"> <img src="/Skin/njyyjy/分隔符.gif" width="6" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="31"> <img src="/Skin/njyyjy/分隔符.gif" width="31" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="67"> <img src="/Skin/njyyjy/分隔符.gif" width="67" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="10"> <img src="/Skin/njyyjy/分隔符.gif" width="10" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="113"> <img src="/Skin/njyyjy/分隔符.gif" width="113" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="6"> <img src="/Skin/njyyjy/分隔符.gif" width="6" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="42"> <img src="/Skin/njyyjy/分隔符.gif" width="42" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="8"> <img src="/Skin/njyyjy/分隔符.gif" width="8" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="3"> <img src="/Skin/njyyjy/分隔符.gif" width="3" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="8"> <img src="/Skin/njyyjy/分隔符.gif" width="8" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="38"> <img src="/Skin/njyyjy/分隔符.gif" width="38" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="232"> <img src="/Skin/njyyjy/分隔符.gif" width="232" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="5"> <img src="/Skin/njyyjy/分隔符.gif" width="5" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="5"> <img src="/Skin/njyyjy/分隔符.gif" width="5" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="3"> <img src="/Skin/njyyjy/分隔符.gif" width="3" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="3"> <img src="/Skin/njyyjy/分隔符.gif" width="3" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="4"> <img src="/Skin/njyyjy/分隔符.gif" width="4" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="4"></td> </tr> </table> </div> <div align=center> <table id=table1 height=111 cellSpacing=0 cellPadding=0 width=799 bgColor=#ffffff border=0> <tr> <td vAlign=top> <div align=center> <table id=table2 height=41 cellSpacing=0 cellPadding=0 width="100%" border=0> <tr> <td align=middle height=41> <table id=table5 height=30 cellSpacing=0 cellPadding=0 width=781 border=0> <tr> <td background=/Skin/njyyjy/zin_r88_c1.gif> <P align=center>| <A class=Bottom onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.chenpeng123.com');" href="#"><FONT color=#000000>设为首页</FONT></A> | <A class=Bottom href="javascript:window.external.addFavorite('http://www.chenpeng123.com','陈鹏个人网站');"><FONT color=#000000>加入收藏</FONT></A> | <A class=Bottom href="mailto:cp1305@163.com"><FONT color=#000000>联系站长</FONT></A> | <A class=Bottom href="/FriendSite/Index.asp" target=_blank><FONT color=#000000>友情链接</FONT></A> | <A class=Bottom href="/Copyright.asp" target=_blank><FONT color=#000000>版权申明</FONT></A> | <A class=Bottom href="/Announcelist.asp" target=_blank><FONT color=#000000>网站公告</FONT></A> | <a class='Bottom' href='/Admin/Admin_Index.asp' target='_blank'>管理登录</a>&nbsp;|&nbsp;</P></td> </tr> </table> </td> </tr> </table> </div> <div align=center> <table id=table3 height=101 cellSpacing=0 cellPadding=0 width="99%" border=0> <tr> <td width=154>　</td> <td> <P align=center>Copyright &copy; 2007 - 2009 <a href="http://www.chenpeng123.com/"><font color="#FF0000">chenpeng123.com</font></a><font color="#FF0000"> </font>All Rights Reserved<br> 本站所有文章,软件等均来自网络收集,不代表本站观点，仅供学习和研究使用。如有侵犯您的版权，请联系我们，本站将立即删除。<br> <FONT color=#000000><A href="http://www.miibeian.gov.cn/" target=_blank> 鲁ICP备07014697号</a></FONT><br> 你是本站第<script src=http://count.knowsky.com/count1/count.asp?id=18070&sx=1&ys=41></script> 位访客<br> <script language="javascript" type="text/javascript" src="http://js.users.51.la/2042286.js"></script> <noscript><a href="http://www.51.la/?2042286" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/2042286.asp" style="border:none" /></a></noscript>　 <td width=164><script type="text/javascript"> var locationUrl = escape(document.location.href); document.write(unescape("%3Cscript")+" charset='utf-8' src='http://union.rising.com.cn//InfoManage/TrojanInspect.aspx?p1=Sj8sk8ZviX9KA5sRBG1m4jR3oxEEqOVthVBufA8Sw5A=&p2=RM2eC2pwQ3o=&p3=Sj8sk8ZviX9KA5sRBG1m4uHpDgvFv5O8&url="+ locationUrl + "' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script></td> </tr> </table> </div></td> </tr> </table> </div> </body> <SCRIPT LANGUAGE="javascript"> <!-- Hide function killErrors() { return true; } window.onerror = killErrors; // --> </SCRIPT> </html>