扫码关注官方订阅号
jquery-file-upload插件的demo，引用了javascript-templates插件，这个插件就是解析出这段text/x-tmpl script代码的dom拼装到html里，这段代码里的dom写法类似于jsp的写法，其结构完整逻辑清晰，如果不用插件做拼装会比较麻烦。
百度上说是jquery 的template。我也没用过。script标签的type写成这个，浏览器会认为他不是javascript脚本，从而不去解析执行里面的内容。它会被其它脚本解释后显示出来。
是一个模板类型
就是模板 后续动态操作编译之类的
这是表示这段代码是前端模板，不是普通的js代码。具体type等于什么值，取决于你选用了哪个模板引擎插件比如我们需要动态插入一些带数据的模板，可以用
var html = '<p>'+ name1 +'</p>'; $(html).append( dom )
但是如果当dom很多，或者需要一些遍历、判断的时候，好一点的做法就是采用模板插件，将html和js分开。当然每个模板插件都会有自己的语法，可以做一些判断、循环等等，例如题主你这个示例代码中的{% %}
不要纠结这个，script标签如果你不写type属性，浏览器会默认为text/javascript，如果你写了于此不同的类型，浏览器就不再按js的语法规则解析了，就是说你任意写，无所谓，浏览器仅当成一个HTML标签而不是脚本。举个例子，我写了个模板解析器叫xxx，然后我约定所有script标签上type="text/xxx"的标签都是预定义模板，我就可以查找：$('script[type="text/xxx"]')来得到所有预定义模板。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
6
716
收藏
jquery-file-upload插件的demo，引用了javascript-templates插件，这个插件就是解析出这段text/x-tmpl script代码的dom拼装到html里，这段代码里的dom写法类似于jsp的写法，其结构完整逻辑清晰，如果不用插件做拼装会比较麻烦。
百度上说是jquery 的template。我也没用过。script标签的type写成这个，浏览器会认为他不是javascript脚本，从而不去解析执行里面的内容。它会被其它脚本解释后显示出来。
是一个模板类型
就是模板 后续动态操作编译之类的
这是表示这段代码是前端模板，不是普通的js代码。具体type等于什么值，取决于你选用了哪个模板引擎插件
比如我们需要动态插入一些带数据的模板，可以用
但是如果当dom很多，或者需要一些遍历、判断的时候，好一点的做法就是采用模板插件，将html和js分开。
当然每个模板插件都会有自己的语法，可以做一些判断、循环等等，例如题主你这个示例代码中的{% %}
不要纠结这个，script标签如果你不写type属性，浏览器会默认为text/javascript，如果你写了于此不同的类型，浏览器就不再按js的语法规则解析了，就是说你任意写，无所谓，浏览器仅当成一个HTML标签而不是脚本。
举个例子，我写了个模板解析器叫xxx，然后我约定所有script标签上type="text/xxx"的标签都是预定义模板，我就可以查找：$('script[type="text/xxx"]')来得到所有预定义模板。