页面加载后执行js的方法

1、js方法：<script type="text/javascript">window.onload=function(){var userName="xiaoming";alert(userName);}</script>

2、jQuery方法：<script type="text/javascript">$(document).r髫潋啜缅eady(function(){var userName="xiaoming";alert(userName);});</script>

3、jQuery方法简写：$(function(){var userName="xiaoming";alert(userName);});

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