百度地图页面的模板是如何实现的?
下面的代码是从页面里面扒出来的,作用是显示的网友的评论。
如图
<textarea class="hide" id="reviewTpl">
<ul id="" class="comment-list">
<& for(var i=0,len = data.length; i<len; i++){ &>
<& if(data[i].info.length!=0){ &>
<& for(var j=0,lth = data[i].info.length;j<lth;j++){ &>
<li class="comment-item clearfix">
<div class="comment-content">
<div class="media">
<a class="user-avartar detail_<&# data[i].name &>" href="javascript:void(0)" target="_blank">
<span>
<img src="http://webmap1.map.bdimg.com/static/detail/images/transparent_3254726.gif">
</span>
</a>
</div>
<div class="content">
<span class="mrm"><&# data[i].cn_name &>网友评论:</span>
<p class="fcg comment-detail">
<a href="<&# data[i].info[j].one_url &>&from=inf&category=life&fun=<&# data[i].name &>&area=comment" target="_blank">
<&# data[i].info[j].content &>
<& if(!!data[i].info[j].one_url){ &>
<span class="mlm">详情>></span>
<& } &>
</a>
</p>
<span class="fcg"><&# data[i].info[j].date &></span>
<& if(!!data[i].info[j].one_url){ &>
<a href="<&# data[i].info[j].one_url &> &from=inf&category=life&fun=<&# data[i].name &>&area=comment" target="_blank" class="fcg comment-from">
来自<&# data[i].cn_name &>
</a>
<& }else{ &>
<span class="fcg comment-from">
来自<&# data[i].cn_name &>
</span>
<& } &>
</div>
</div>
</li>
<& } &>
<& } &>
<& } &>
</ul>
</textarea>
本人刚开始学习前端知识,请大家多多指导。
以前看别人的代码的时候,也看过类似的写法,就是通过模板加载页面。但具体实现就不是很清楚了,多谢。
NP.梦魇
10 years, 6 months ago