一般我们使用<script type='text/html'></script>来定义前端的模板。可是如果这模板中包含有嵌套的<script>标签，那么在ie8/9等浏览器中就不能正常工作。好在HTML5提供了一个专门的template标签专门用于前端模板的定义。
与其他常用HTML5标签不同的是，即使是最新的IE11仍然不支持此标签。那么我们只能按照html5shim的方式为IE创建此标签即可。也就是在<haead>中通过document.createElement('template')来让IE识别此标签，然后在标签上定义样式来隐藏模板即可。
如：
<!DOCTYPE html>
<html>
<head>
<!--[if IE]>
<script>document.createElement('template');</script>
<style>template{display:none;}</style>
<![endif]-->
</head>
<body>
<templat style='display:none'>
....
</template>
</body>
</html>
扫一扫
646
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
