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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM