页面加载后执行js的方法

下面的小编辑器介绍了加载页面后运行js的两种方法。

方法/步骤1js方法:

& lt脚本类型= & quot文本/javascript>。window . onload = function(){ var UserName = & quot；小明；警报(用户名)；} & lt/script>。

2j查询方法:

& lt脚本类型= & quot文本/javascript>。$(文档)。就绪(函数(){ var userName = & quot小明；警报(用户名)；})；& lt/script>。

3j查询方法简表:

$(函数(){ var userName = & quot小明；警报(用户名)；})；

4两种方法的区别:

Window.onload:只有当文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的所有元素对于js都是可操作的，也就是说，页面上的所有元素在被加载之前都不会被执行。这种情况对于编写函数代码非常有利，因为不需要考虑加载的顺序。，$(文档)。就绪{}:当DOM完全就绪且可用时调用。虽然这也意味着脚本可以访问所有元素，但并不意味着所有相关文件都已下载。换句话说，代码将在HMTL下载完成并解析成DOM树时执行。

结束注意当dom被加载时，它可以被执行(早于窗口加载)。在同一个页面中可以出现多次。就绪()