这是一个创建于 3322 天前的主题，其中的信息可能已经有所发展或是发生改变。
<script id="aioBuddyTmpl" type="text/plian">
<div class="rencentText">
<span class="choiceText" id="choiceText">点击刚发送的好友或群组，发起会话</span>
</div>
<ul class="aioBuddyLong" id="aioBuddyList">
<%
for(var i = 0, len = list.length; i < len; i++){
var item = list[i],
name = encodeHtml(item.markname || item.nick || item.uin);
var title = '点击发起会话';
var padStyle;
if(padFlag){
padStyle = " padUnhover";
}
var lenReg = function(str){
return str.replace(/[^x00-xFF]/g,'**').length;
};
var style;
if(lenReg(name) < 7){
style = "text-align:center";
}else{
style = "text-align:left";
}
%>
<li id="aioBuddy_<%=item.uuid%>" cmd="clickAioBuddy" param="<%=item.uin%>" class="aioBuddyItem" title="<%=title%>"><div class="rencentBuddyIcon"><img src="<%=item.avatar%>" /><span></span></div><div style="<%=style%>" class="aioBuddyName"><%=name%></div></li>
<% } %></ul>
</script>
<div class="rencentText">
<span class="choiceText" id="choiceText">点击刚发送的好友或群组，发起会话</span>
</div>
<ul class="aioBuddyLong" id="aioBuddyList">
<%
for(var i = 0, len = list.length; i < len; i++){
var item = list[i],
name = encodeHtml(item.markname || item.nick || item.uin);
var title = '点击发起会话';
var padStyle;
if(padFlag){
padStyle = " padUnhover";
}
var lenReg = function(str){
return str.replace(/[^x00-xFF]/g,'**').length;
};
var style;
if(lenReg(name) < 7){
style = "text-align:center";
}else{
style = "text-align:left";
}
%>
<li id="aioBuddy_<%=item.uuid%>" cmd="clickAioBuddy" param="<%=item.uin%>" class="aioBuddyItem" title="<%=title%>"><div class="rencentBuddyIcon"><img src="<%=item.avatar%>" /><span></span></div><div style="<%=style%>" class="aioBuddyName"><%=name%></div></li>
<% } %></ul>
</script>
 |
1
ETiV 2015-03-24 15:34:35 +08:00 via iPhone
制定个script的type
当为非script的时候，浏览器不解析这段内容，也不显示。所以就可以当成页面内的html模板，以避免再发起请求去加载独立的模板文件。 |
 |
2
mcfog 2015-03-24 15:35:51 +08:00
就是最普通的ejs吧
underscore或lodash或ejs都是这样的 http://underscorejs.org/#template https://lodash.com/docs#template http://www.embeddedjs.com/ |
 |
3
jarlyyn 2015-03-24 16:12:12 +08:00
ejs。
js的字符串不能分行，所以基本采用这样的方案多。 script不管样式加载是否成功，都不会显示的，放在script里问题最少，而且也符合语义。 |
 |
4
moxhuis 2015-03-25 17:07:39 +08:00
artTemplate
|
 |
5
GuangXiN 2015-03-25 17:26:03 +08:00
这就是个模板而已呀
|
 |
6
f0rger 2015-03-25 17:45:57 +08:00
type为text/plain或者text/template的话就不会解析执行。因为是script标签，所以页面也不会显示。
然后就可以通过jq的方法如var tpl = $("#aioBuddyTmpl").html();得到script中的模板内容，调用对应的方法就可以使用了 |
Select Language