介绍
这篇文章给大家介绍怎么在HTML页面中实现模块化加载,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
<强>公共模板定义强>
思考后发现可以把公共模板抽取到一个HTML文件中(文件名就暂定PublicModule。html),如下:
& lt; templates> ,,,& lt; template id=癶eader"比; ,,,,,,,& lt; div 类=皀avbar-header"比; ,,,,,,,,,,,& lt; button 类=皀avbar-toggle collapsed",类型=癰utton", data-toggle=癱ollapse",数据目标=?navbar-collapse"比; ,,,,,,,,,,,,,,,& lt; span 类=皊r-only"祝辞Toggle navigation ,,,,,,,,,,,,,,,& lt; span 类=癷con-bar"祝辞& lt;/span> ,,,,,,,,,,,,,,,& lt; span 类=癷con-bar"祝辞& lt;/span> ,,,,,,,,,,,,,,,& lt; span 类=癷con-bar"祝辞& lt;/span> ,,,,,,,,,,,& lt;/button> ,,,,,,,,,,,& lt; a 类=皀avbar-brand", href=?白4?Net Library ,,,,,,,& lt;/div> ,,,,,,,& lt; div 类=皀avbar-collapse collapse",角色=皀avigation"比; ,,,,,,,,,,,& lt; div 风格=癿argin-top: 15 px; margin-left: 120 px;,位置:绝对的,“祝辞& lt; span 风格=把丈?白色;padding-top: 20 px;“祝辞XXXXX & lt;/div> ,,,,,,,,,,,& lt; ul 类=皀av navbar-nav"祝辞& lt;/ul> ,,,,,,,,,,,& lt; ul 类=皀av navbar-nav navbar-right"比; ,,,,,,,,,,,,,,,& lt; li> & lt; a href=?Blog.html"在博客& lt;/a> & lt;/li> ,,,,,,,,,,,,,,,& lt; li> & lt; a href=癶ttps://github.com/IKende/FastHttpApi",目标=癬blank"祝辞github.com & lt;/li> ,,,,,,,,,,,,,,,& lt; li> & lt; a href=?admin/index.html"在网站管理& lt;/a> & lt;/li> ,,,,,,,,,,,& lt;/ul> ,,,,,,,& lt;/div> ,,,& lt;/template> ,,,& lt; template id=癲oc_tags_navbar"比; ,,,,,,,& lt; div 类=癱ontainer-fluid",风格=疤畛?0 px;“比; ,,,,,,,,,,,& lt; ul 类=皀av navbar-nav btn-group-sm", id=皌agbar"比; ,,,,,,,,,,,,,,,& lt; li> & lt; a 风格=按窒?大胆;,padding-bottom: 6 px; padding-top: 6 px;“, href=?index.html"在首页& lt;/a> & lt;/li> ,,,,,,,,,,,,,,,& lt; li v=癷tem 拷贝Data"祝辞& lt; a v-bind: title=癷tem.Remark",风格=按窒?大胆;,padding-bottom: 6 px; padding-top: 6 px;“, v-bind: href=癧& # 39;/index . html ?标签=& # 39;+ item.ID]“在{{item.Title}} & lt;/a> & lt;/li> ,,,,,,,,,,,& lt;/ul> ,,,,,,,& lt;/div> & lt; !——,/.container-fluid ——比; ,,,,,,,& lt; script> ,,,,,,,,,,,var tagbarControl; ,,,,,,,,,,,tagbarControl =, new Vue ({, el: & # 39; # tagbar& # 39;,,数据:,{,数据:[],},}); ,,,,,,,,,,,async function ListDocTags (), { ,,,,,,,,,,,,,,,var result =, await 美元ListDocTags (); null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null怎么在HTML页面中实现模块化加载