手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

页面加载后执行js的方法

时间:2024-10-27 15:51:26

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

© 手抄报圈