通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
创新互联专业为企业提供瑞昌网站建设、瑞昌做网站、瑞昌网站设计、瑞昌网站制作等企业网站建设、网页设计与制作、瑞昌企业网站模板建站服务，十年瑞昌做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
实例 垂直框架 本例演示：如何使用三份不同的文档制作一个垂直框架。 水平框架 本例演示：如何使用三份不同的文档制作一个水平框架。
（可以在本页底端找到更多实例。）
框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。
使用框架的坏处：
开发人员必须同时跟踪更多的HTML文档很难打印整张页面
框架结构标签（
框架标签（Frame）
Frame 标签定义了放置在每个框架中的 HTML 文档。
在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：
基本的注意事项 - 有用的提示：
假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 标签中加入：noresize="noresize"。
为不支持框架的浏览器添加 <![CDATA[ 标签。</p><p>重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。）</p></div><div>更多实例 如何使用 <noframes> 标签 本例演示：如何使用 <noframes> 标签。 混合框架结构 本例演示如何制作含有三份文档的框架结构，同时将他们混合置于行和列之中。 含有 noresize="noresize" 属性的框架结构 本例演示 noresize 属性。在本例中，框架是不可调整尺寸的。在框架间的边框上拖动鼠标，你会发现边框是无法移动的。 导航框架 本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。 内联框架 本例演示如何创建内联框架（HTML 页中的框架）。 跳转至框架内的一个指定的节 本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。 使用框架导航跳转至指定的节 本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。 </div>
<br>
文章标题：HTML框架-1.22HTML基础教程 <br>
URL网址：<a href="http://dzwzjz.com/article/dghhdci.html">http://dzwzjz.com/article/dghhdci.html</a>
</div>
</div>
<div class="othernews">
<h3>其他资讯</h3>
<div class="othernews_list">
<ul>
<li>
<a href="/article/ghgocs.html">vue中views目录怎么用</a>
</li><li>
<a href="/article/ghihjc.html">怎么在python中打开命令行</a>
</li><li>
<a href="/article/ghgoco.html">批量执行sql语句的方法是什么</a>
</li><li>
<a href="/article/ghihjp.html">基于Vue的商品主图放大镜方案</a>
</li><li>
<a href="/article/ghihig.html">SAPABAP7.50新语法中的用户接口是什么</a>
</li> </ul>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_content_top clear">
<div class="content_top_share fl">
<div><img src="/Public/Home/img/logo.png"></div>
<div class="top_share_content">
<dd>分享至：</dd>
<dt class="bdsharebuttonbox clear" id="share">
<a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a>
</dt>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</div>
</div>
<div class="content_top_left fl clear">
<div class="top_left_list fl">
<dd><a href="/about/">关于我们</a></dd>
<dt>
<a href="/about/#gsjj">公司简介</a>
<a href="/about/#fzlc">发展历程</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/service/">服务项目</a></dd>
<dt>
<a href="/service/">高端网站建设</a>
<a href="/miniprogram/">小程序开发</a>
<a href="/service/app.html">APP开发</a>
<a href="/service/yingxiao.html">网络营销</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/jianzhan/">建站知识</a></dd>
<dt>
<a href="/jianzhan/">行业新闻</a>
<a href="/jianzhan/">建站学堂</a>
<a href="/jianzhan/">常见问题</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/contact/">联系我们</a></dd>
<dt>
<a href="/contact/#lxwm">公司地址</a>
<a href="/contact/#rczp">人才招聘</a>
</dt>
</div>
</div>
<div class="content_top_right addressR fr">
<div class="top_right_title addressf_title">
<a href="javascript:;" class="on">成都</a>
<a href="javascript:;">达州</a>
</div>
<div class="top_right_content addressf">
<div class="right_content_li on">
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">电话：028-86922220</dt>
</div>
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt>
</div>
</div>
<div class="right_content_li">
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">电话：028-86922220</dt>
</div>
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">地址：达州市南岸区弹子石腾龙大道58号2栋21-6</dt>
</div>
</div>
</div>
</div>
</div>
<div class="link">
友情链接：
<a href="http://www.cdhuace.com/pinpai.html" title="品牌设计" target="_blank">品牌设计</a> <a href="http://www.cdxwcx.cn/tuoguan/liantong.html" title="联通机房服务器托管" target="_blank">联通机房服务器托管</a> <a href="http://www.lzluxian.com/" title="正泰动物" target="_blank">正泰动物</a> <a href="https://www.cdxwcx.com/city/jiangyou/" title="江油做网站" target="_blank">江油做网站</a> <a href="http://www.cdxwcx.cn/tuoguan/jianyang.html" title="简阳服务器托管" target="_blank">简阳服务器托管</a> <a href="https://www.cdxwcx.com/city/jianyang/" title="简阳网站建设" target="_blank">简阳网站建设</a> <a href="https://www.cdcxhl.com/yingxiao.html" title="营销型网站建设" target="_blank">营销型网站建设</a> <a href="http://www.cdhuace.com/faguangzi/bfg.html" title="led背发光字" target="_blank">led背发光字</a> <a href="http://www.dgyishan.com/" title="酒柜书柜鞋柜定制" target="_blank">酒柜书柜鞋柜定制</a> <a href="http://mc.scmwjz.com/" title="成都封阳台" target="_blank">成都封阳台</a> </div>
</div>
<div class="footer_content_copyright clear">版权所有：青羊区大橙子信息咨询工作室
<a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2022028542号-14</a>
</div>
</div>
<!--浮窗-->
<div class="FloatingWindow clear">
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt><span>在线</span>咨询</dt>
</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>服务热线</dt>
</div>
<div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr STop">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>TOP</dt>
</div>
</a>
</div>
<script src="/Public/Home/js/jquery-1.8.3.min.js"></script>
<script src="/Public/Home/js/comm.js"></script>
<script src="/Public/Home/js/wow.js"></script>
<script src="/Public/Home/js/common.js"></script>
</body>
</html>
<script>
$(".cont img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>]]>
达州做网站
