页面加载后执行js的方法

1、js方法：

<script type="text/javascript"> window.onload=function(){ var userName="xiaoming"; alert(userName); } </script> 

2、jQuery方法：

<script type="text/javascript"> $(document).ready(function(){ var userName="xiaoming"; alert(userName); }); </script> 

3、jQuery方法简写：

$(function(){ var userName="xiaoming"; alert(userName); }); 

4、二种方法的区别：

window.onload： 当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需考虑加载的次序。、 $(document).ready{ }： 会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的，但是，并不意味着所有关联的文件都已经下载完毕。换句话说，当HMTL下载完成并解析为DOM树之后，代码就会执行。