V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 4060 days ago, the information mentioned may be changed or developed.
<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 Mar 24, 2015 via iPhone
制定个script的type
当为非script的时候，浏览器不解析这段内容，也不显示。所以就可以当成页面内的html模板，以避免再发起请求去加载独立的模板文件。 |
 |
2
mcfog Mar 24, 2015
就是最普通的ejs吧
underscore或lodash或ejs都是这样的 http://underscorejs.org/#template https://lodash.com/docs#template http://www.embeddedjs.com/ |
 |
3
jarlyyn Mar 24, 2015
ejs。
js的字符串不能分行，所以基本采用这样的方案多。 script不管样式加载是否成功，都不会显示的，放在script里问题最少，而且也符合语义。 |
 |
4
moxhuis Mar 25, 2015
artTemplate
|
 |
5
GuangXiN Mar 25, 2015
这就是个模板而已呀
|
 |
6
f0rger Mar 25, 2015
type为text/plain或者text/template的话就不会解析执行。因为是script标签，所以页面也不会显示。
然后就可以通过jq的方法如var tpl = $("#aioBuddyTmpl").html();得到script中的模板内容，调用对应的方法就可以使用了 |
Select Language