page2
<
/title
>
<
/head
>
<body
>
<div
id
=
"app1"
>
<a
>模板内容
<
/a
>
<
input
type
=
"button" value
=
"点我弹窗" @click
=
"click1"
/
>
<a
>message
<
/a
>
<
/div
>
<
/body
>
<
/html
></code><br/></pre><p>可以看到base2.html被导入到了page2.html文件中，相当于代码复用。</p><p><img src="/upload/ad_content/xuanchuantu-10.jpg"></p><p><a href="https://www.cdcxhl.com/city/jiagedaqi.html" target="_blank">加格达奇网站建设公司</a><a href="https://www.cdcxhl.com/" target="_blank">成都创新互联</a>,加格达奇网站设计制作，有大型网站制作公司丰富经验。已为加格达奇超过千家提供企业网站建设服务。企业网站搭建\<a href="https://www.cdcxhl.com/waimao.html" target="_blank">外贸营销网站建设</a>要多少钱，请找那个售后服务好的<a href="https://www.cdcxhl.com/zuo/jiagedaqi.html" target="_blank">加格达奇做网站</a>的公司定做！</p><h3>
总结</h3><p>extends主要用于同一主题的网页，网页之间的框架大体相同，include主要用于多个html中有相同的代码。<br/>二者是可以一起使用的，这么看extends和include用处刚好是相反的。</p></div>
<br>
分享文章：include、extends用法和区别 <br>
文章地址：<a href="http://www.zsjierui.cn/article/iecocc.html">http://www.zsjierui.cn/article/iecocc.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/spsehg.html">云南抖音号代运营方案</a>
</li><li>
<a href="/article/spsehc.html">宾县抖音短视频运营公司</a>
</li><li>
<a href="/article/spsejp.html">抖音代运营可以做么</a>
</li><li>
<a href="/article/spseij.html">短视频营销方式丰富,抖音账号短视频营销方式</a>
</li><li>
<a href="/article/spseii.html">湖南短视频运营思路和方法</a>
</li> </ul>
</div>
</div>
<footer>
<div class="message">
<div class="mess container">
<p>免费获取网站建设与品牌策划方案报价</p>
<span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上美图齐众。</span>
<form action="">
<input type="text" class="ipt1" placeholder="联系人">
<input type="text" class="ipt2" placeholder="联系电话">
<textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea>
<a href="">提交需求</a>
</form>
</div>
</div>
<div class="footA">
<div class="footAs container">
<ul>
<h3>联系我们</h3>
<b>028-86922220</b>
<li>手机：13518219792</li>
<li>地址：成都市太升南路288号锦天国际A幢1002号</li>
<li class="hr1"></li>
<li>24小时服务热线：028-86922220</li>
</ul>
<ul>
<h3>网站建设服务</h3>
<li>网页设计</li>
<li>网站制作</li>
<li>网站开发</li>
</ul>
<ul>
<h3>网站推广服务</h3>
<li>营销网站建设</li>
<li>百度快速排名</li>
<li>整站网站推广</li>
</ul>
<ul>
<h3>网站运维服务</h3>
<li>基础维护</li>
<li>网站改版</li>
<li>网站维护</li>
</ul>
<ul>
<h3>FOLLOW US</h3>
<li class="hr2"></li>
<li>
<dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
<dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
</li>
</ul>
</div>
<div class="link container">
友情链接：
<a href="http://www.yunshangf.com/" title="柴油发电机租赁" target="_blank">柴油发电机租赁</a> <a href="https://www.cdxwcx.com/" title="网站建设" target="_blank">网站建设</a> <a href="http://chengdu.xwcx.net/mobile/" title="成都手机网站报价" target="_blank">成都手机网站报价</a> <a href="http://www.sczizhong.com/" title="资中网站建设" target="_blank">资中网站建设</a> <a href="https://www.cdcxhl.com/" title="成都网站建设" target="_blank">成都网站建设</a> <a href="https://www.cdcxhl.com/quanwang.html" title="全网整合营销推广" target="_blank">全网整合营销推广</a> <a href="http://www.bjjiameng.com/" title="成都画册vi设计" target="_blank">成都画册vi设计</a> <a href="http://www.cdkjz.cn/small/" title="微信小程序" target="_blank">微信小程序</a> <a href="http://www.gyfdjwx.com/" title="gyfdjwx.com" target="_blank">gyfdjwx.com</a> <a href="http://www.shouzuofang.com/" title="shouzuofang.com" target="_blank">shouzuofang.com</a> </div>
</div>
<div class="footB">
<div class="container">
<div class="fl">
Copyright © 2025 资阳站青羊区美图齐众设计工作室（个体工商户） 资阳网站建设公司-选网站建设公司美图齐众！专业的网站制作公司！
</div>
<div class="fr">
All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2025119604号-1</a>
</div>
</div>
</div>
</footer>
</body>
</html>
<script>
$(".con 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>