script标签的type为text/template模板的用法

给<script>设置type="text/template"，标签里面的内容不会被执行，也不会显示在页面上，但是可以在另一个script里面通过获取插入到页面中。这样就把大段的HTML操作从js里面分离开了。

<body>
    
</body>
<script type="text/template" id="demo">
    <p>我是script的type为template的用法</p>
</script>
<script>
    var isneed=false;
if(isneed==true){
    var appendHtml=document.getElementById("demo").innerHtml;
	document.getElementByTagName('body')[0].appendChild(appendHtml);
   }
 </script>

此方法可实现按需加载html,js，css

posted @ 2020-12-08 10:34  我是个假前端~~~  阅读(1480)  评论(0)    收藏  举报