js页面开始加载时调用方法_js初始化时调用某方法

<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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

window.onload 可以在页面开始加载时调用方法 但是他会等项目中所有的组件全部加载完毕之后 才会加载该方法 所以会导致该方法运行 效果显示会比其他效果慢

直接运行方法 同样可以达成上述效果

但是需要注意的是 ： 如果你的数据赋值 需要等待接口数据返回 （直接运行方法 可能会无法展示）用 widow.onload 比较好 这个 实际应用就知道了吧 。。。