【文件属性】：
文件名称：后台首选布局技术,Frameset绝对经典 精简 清晰布局
文件大小：5KB
文件格式：RAR
更新时间：2016-04-11 18:10:17
Frame Frameset
概述
定义和用法
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。[1]
类别
HTML之中的元素之一。
作用
其作用是指定一个框架集，用于组织多个框架和嵌套框架集。
FRAMESET 元素是 FRAME 元素的容器。HTML 文档可包含 FRAMESET 元素或 BODY 元素之一，而不能同时包含两者。
如果用户在框架中打开了 Web 文件夹后单击了 Web 文件夹中的内容，那么被单击的文件或文件夹将取代整个窗口。例如，假设页面包含两个框架，一个框架指向 http://www.microsoft.com 第二个框架指向网络驱动器。如果用户单击第二个框架中的文件或文件夹，该框架将活动整个窗口的控制，包括第一个框架。对于浏览器不能处理的文件类型，如 *.txt 文件，将会打开对应的应用程序窗口。
尽管 Web 文件夹是文件系统层次的一部分，但是该技术并不总是表示文件系统中的实际内容。一个典型的例子就是网络邻居。
使用范围
此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用，在 Internet Explorer 4.0 的脚本中可用。
注意：不能与
标签一起使用 标签。不过，如果需要为不支持框架的浏览器添加一个
<![CDATA[ 标签，请务必将此标签放置在 <body></body> 标签中！
编辑本段示例
下面的例子使用了 FRAMESET 元素来定义页面中的三列矩形。
<FRAMESET COLS="25%, 50%, *">
<FRAME SRC="contents.htm">
<FRAME SRC="info.htm">
<FRAME SCROLLING="NO" SRC="graphic.htm">
</FRAMESET>
COLS="25%，* "
垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30，* ，50%" 可以切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个画面的 50% 宽度为一相对分割。您可自己调整数字。
ROWS="120，* "
就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量不要同在一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类形的框架，尽量采用多重分割。
<FRAME> 参数设定：
例子：<frame name="top" src="info.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
name="top"
设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。
src="info.html"
设定此框窗中要显示的网页档案名称，每个框窗一定要对应着一个网页档案。你可使用绝对路径或相对路径，有关此两者详见於【连结进阶】。
marginwidth=5
表示框架宽度部份边缘所保留的空间。
marginheight=5
表示框架高度部份边缘所保留的空间。
scrolling="Auto"
设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。
frameborder=0
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）
framespacing="6"
表示框架与框架间的保留空白的距离。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【HTML 剖析】。
另外：
border="0"
设定框架的边框厚度，以 pixels 为单位。
<div class="p10 mt20 tc">
<a rel="nofollow" class="btn btn-big download" href="javascript:void(0)" title="立即下载">立即下载</a>
</div>
<br/>
【文件预览】：<br/>FrameSet框架<br/>----right.html(271B)<br/>----Email.html(268B)<br/>----content.html.bak(404B)<br/>----container.html(817B)<br/>----content.html(453B)<br/>----left.html(441B)<br/>----bottom.html.bak(271B)<br/>----left.html.bak(457B)<br/>----workplan.html(258B)<br/>----bottom.html(271B)<br/>----content0.html.bak(633B)<br/>----Email.html.bak(300B)<br/>----top.html(267B)<br/><br/>
</div></article>
<div class="single-xg mb-40 pb-40">
<div class="con-title"><h3>网友评论</h3>
</div>
<div class="new-list">
<ul class="row">
<li class="col-md-12 col-sm-12 col-xs-12 mt15">不错，还可以吧。</li>
<li class="col-md-12 col-sm-12 col-xs-12 mt15">运行出来的效果全都是白色的，，，，，，</li>
<li class="col-md-12 col-sm-12 col-xs-12 mt15">非常好，找了很久了，谢谢楼主的分享</li>
<li class="col-md-12 col-sm-12 col-xs-12 mt15">有点简单...............</li>
<li class="col-md-12 col-sm-12 col-xs-12 mt15">画面太简单了 。</li>
<li class="col-md-12 col-sm-12 col-xs-12 mt15">还可以不是特别好</li>
<li class="col-md-12 col-sm-12 col-xs-12 mt15">不错，正是我想要的！！</li>
</ul>
</div>
</div>
<div class="single-info mb-40"></div><div class="single-xg mb-40 pb-40">
<div class="con-title"><h3>相关文章</h3>
</div>
<div class="new-list">
<ul class="row"><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4024806.html" target="_blank" title="页面布局frameset">页面布局frameset</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4060916.html" target="_blank" title="经典EXT后台简单布局">经典EXT后台简单布局</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4024799.html" target="_blank" title="利用frameset管理页面的布局">利用frameset管理页面的布局</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4410507.html" target="_blank" title="android相对布局和绝对布局">android相对布局和绝对布局</a></li></ul>
</div>
</div></div>
</div>
<div class="col-md-3 d-none d-md-block">
<div class="sidebar"><aside id="rand_post-2" class="widget widget_rand_post"><h3 class="widget-title">推荐文章</h3><ul class="new-list"><li><a href="/2459048.html" title="jmeter模拟spike测试(尖峰测试)" target="_blank"><span class="title_color">jmeter模拟spike测试(尖峰测试)</span></a></li><li><a href="/2459047.html" title="MySQL之SQL优化详解（二）" target="_blank"><span class="title_color">MySQL之SQL优化详解（二）</span></a></li><li><a href="/2459046.html" title="文件识别浅谈（含office文件区分）" target="_blank"><span class="title_color">文件识别浅谈（含office文件区分）</span></a></li><li><a href="/2459045.html" title="九千套前端模板及源码" target="_blank"><span class="title_color">九千套前端模板及源码</span></a></li><li><a href="/2459044.html" title="RequestMappingHandlerAdapter和RequestParam原理分析" target="_blank"><span class="title_color">RequestMappingHandlerAdapter和RequestParam原理分析</span></a></li><li><a href="/2459043.html" title="10分钟实现Typora(markdown)编辑器" target="_blank"><span class="title_color">10分钟实现Typora(markdown)编辑器</span></a></li><li><a href="/2459042.html" title="CQRS之旅——旅程7(增加弹性和优化性能)" target="_blank"><span class="title_color">CQRS之旅——旅程7(增加弹性和优化性能)</span></a></li><li><a href="/2459041.html" title="SpringBoot + Mybatis搭建完整的项目架构" target="_blank"><span class="title_color">SpringBoot + Mybatis搭建完整的项目架构</span></a></li><li><a href="/2459040.html" title="距离度量学习" target="_blank"><span class="title_color">距离度量学习</span></a></li><li><a href="/2459039.html" title="算法详解之缩点" target="_blank"><span class="title_color">算法详解之缩点</span></a></li></ul></aside>
<aside id="rand_post-2" class="widget widget_rand_post">
<h3 class="widget-title">相关下载</h3>
<ul class="new-list">
<li><a href="/down/3159247.html" title="后台首选布局技术,Frameset绝对经典 精简 清晰布局下载" target="_blank"><span class="title_color">后台首选布局技术,Frameset绝对经典 精简 清晰布局下载</span></a></li>
<li><a href="/down/4024806.html" title="页面布局frameset下载" target="_blank"><span class="title_color">页面布局frameset下载</span></a></li>
<li><a href="/down/4060916.html" title="经典EXT后台简单布局下载" target="_blank"><span class="title_color">经典EXT后台简单布局下载</span></a></li>
<li><a href="/down/4024799.html" title="利用frameset管理页面的布局下载" target="_blank"><span class="title_color">利用frameset管理页面的布局下载</span></a></li>
<li><a href="/down/4410507.html" title="android相对布局和绝对布局下载" target="_blank"><span class="title_color">android相对布局和绝对布局下载</span></a></li>
</ul>
</aside>
</div>
</div>
</div>
</div></main><section id="footer" class="pt-30 pb-20"><div class="container"><div class="footer-top clearfix"><div class="copyr text-center"><div class="footer-menu clearfix mb-10"><ul class="footer-menu-con"><li><a href="/zuixin/">最新编程技术文章</a></li><li><a href="/sitemap.xml">网站地图</a></li></ul></div><p>Copyright © 2021-2022 www.miaokee.com 秒客网 备案号：<a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备2021167564号</a></p><p>免责声明：本站文章多为用户分享,部分搜集自互联网,如有侵权请联系站长,我们将在72小时内删除。<span class="emailbox" title="emailbox"></span></p></div></div></div></section><mip-fixed type="gototop" class="gototop mip-element" mipdata-fixedidx="Fixed0" style="z-index: 10000; bottom: 90px; right: 10%;"><mip-gototop threshold="300" class="mip-element mip-layout-container mip-gototop-show"><i class="iconfont"></i></mip-gototop></mip-fixed><script id="opendown" type="text/html">
<div class="opendown_header">
<i class="fa fa-cloud-download" aria-hidden="true"></i>下载文件
</div>
<div class="opendown_body">
<ul>
<li class="text-danger likes down-1"><strong>资源为：RAR 文件大小为：5KB</strong></li>
<li class="opendown_title down-1">后台首选布局技术,Frameset绝对经典 精简 清晰布局</li>
<li class="text-danger down-1"> 下载协议：本网站资源收集于网络并不能保证每一条都是完美的资源,您下载本资源赞助的费用仅仅是对网站的友情支持与本资源内容无关,一旦赞助不支持退款。 </li>
<li class="text-danger down-1"> <label><input type="checkbox" value="1" name="agreetxt" /> 同意下载协议 </label> </li>
<li class="down-1"> <a href="javascript:void(0)" class="btn btn-big btn-blue btngetdown">获取下载地址</a></li>
</ul>
</div>
</script>
<script id="paydown" type="text/html">
<div class="opendown_header" id="pay-title">填写信息</div>
<div class="opendown_body">
<div id="pay-1">
<ul>
<li class="opendown_title">后台首选布局技术,Frameset绝对经典 精简 清晰布局</li>
<li>
<div>
<span class="for-span">邮箱地址：</span>
<input type="text" class="for-down" id="pay-email" data-rule="required;email" name="email" value="" placeholder="输入邮箱地址以便发送订单信息">
</div>
</li>
<li class="text-danger">邮箱建议使用QQ邮箱，填写邮箱方便查询订单信息</li>
<li class="down-1"><a href="javascript:void(0)" type="button" class="btn btn-big btn-blue downurl" id="click-pay">高速下载</a></li>
</ul>
</div>
</div>
</script>
<script>
$('.download').click(function(){
layer.open({
type: 1,
shade: 0.8,
title: false,
closeBtn: 1,
area: ['350px', ''],
content: $('#opendown').html()
});
})
$(document).on('click','.btngetdown',function(){
var id=/\/(\d+)\./.exec(window.location.href)[1];
if(!$('[name="agreetxt"]').is(':checked')){
alert('请同意下载协议');
}else{
layer.closeAll();
layer.open({
type: 1,
shade: 0.8,
title: false,
closeBtn: 1,
area: ['350px', ''],
content: $('#paydown').html()
});
}
})
$(document).on('click','#click-pay',function(){
var id=/\/(\d+)\./.exec(window.location.href)[1];
var email=$.trim($('#pay-email').val());
if(email.length==0){
alert('请填写邮箱地址，接收下载文件和查询订单信息');
return;
}
if(!/\w+@\w+\.\w+/.test(email)){
alert('请填写邮箱正确的邮箱地址，建议使用QQ邮箱');
return;
}
layer.closeAll();
layer.open({
type: 2,
title: '赞助网站',
shadeClose: true,
shade: 0.8,
area: ['580px', '630px'],
content: '/default/pay/init?id='+id+'&email='+email
});
})
</script>
<script type="text/javascript" src="/statics/miaokee/js/show.js">
</script>
</body>
</html>]]> 