页面加载后执行js的方法

时间:2026-02-14 03:59:28

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树之后,代码就会执行。 

© 2026 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com