在HTML页面加载完毕后运行某个js.

js方法：

<script type="text/javascript">

window.onload=function(){

   var userName="xiaoming";

   alert(userName);

}

</script>

以下为jQuery方法，需要引用jQuery文件。

<script type="text/javascript">

$(document).ready(function(){

   var userName="xiaoming";

   alert(userName);

});

</script>

或者其简写

$(function(){

var userName="xiaoming";
 alert(userName);

});

当dom加载完就可以执行（比window.onload更早）。在同一个页面里可以多次出现.ready()

 

PS：两者的主要区别

window.onload：

当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需