<table id="topPubmsgList" >
<tr id="template">
<td id="title"></td>
</tr>
</tbody>
</table>
<script type="text/javascript">
window.onload = toWebAnno;
toWebAnno();
function toWebAnno(){
var urlx ="http://tuad.longscs.com/getWebAnno";
//urlx = "http://localhost:8080/uad/getWebAnno";
$.ajax({
url: urlx,
type : "post",
dataType : "json",
contentType : "application/json;charset=utf-8",
cache : false,
async : false,
success : function(data) {
var list = data.topPubmsgList;
$.each(list, function(i, result) {
item = "<a class='links-text' target='_blank' href='http://testn.longscs.com/bsplatform/pages/public/bz/shopHelp.html?pkid="+list[i].pkid+"' style='margin: 5px 0;'>"+list[i].title+"</a>"
var row = $("#template").clone();
row.find("#title").html(item);
row.appendTo("#topPubmsgList");//添加到模板的容器中
});
}
});
}
</script>
window.onload 可以在页面开始加载时调用方法 但是他会等项目中所有的组件全部加载完毕之后 才会加载该方法 所以会导致该方法运行 效果显示会比其他效果慢
直接运行方法 同样可以达成上述效果
但是需要注意的是 : 如果你的数据赋值 需要等待接口数据返回 (直接运行方法 可能会无法展示)用 widow.onload 比较好 这个 实际应用就知道了吧 。。。