页面加载之window.onload=function(){} 和 $(function(){})的区别
来源:互联网 发布:大宗商品交易软件排名 编辑:程序博客网 时间:2024/06/06 11:22
通用的页面加载js有四种方式:
1.window.onload = function(){}; —-js
2.$(window).load(function(){});——Jquery
3.$(document).ready(function(){});–Jquery
4.$(function(){});———————Jquery
其中1和2为同一种,3和4为同一种
1、2表示:页面全部加载完成(引用文件,图片)在加载内部函数,且只能执行一个(当文件由多个onload或者load,只加载最后一个)。
3、4在window.onload执行前执行的,在DOM加载完毕后,页面全部内容(如图片等)完全加载完毕前被执行。而window.onload会在页面资源全部加载完毕后才会执行。
PS:
DOM文档加载步骤:
1.解析HTML结构
2.加载外部的脚本和样式文件
3.解析并执行脚本代码
4.执行$(function(){})内对应代码
5.加载图片等二进制资源
6.页面加载完毕,执行window.onload
相关资源整合:
http://www.cnblogs.com/xfcao/p/6514438.html
http://blog.csdn.net/lcc921528642/article/details/48379431
阅读全文
0 0
- js之当页面加载$(document).ready(function(){})和window.onload=function(){}的区别
- 页面加载之window.onload=function(){} 和 $(function(){})的区别
- JQUERY的$(function(){})和window.onload=function(){}的区别
- $(document).ready(function () {})和 window.onload = function () {}的区别
- window.onload=function(){}和$(document).ready(function(){})的区别
- window.onload和$(function(){})的区别
- window.onload和$(function(){})的区别介绍
- window.onload和$(function(){})区别
- $function和window.onload区别
- $(document).ready()、 $(function(){})、$().ready(function(){})和window.onload的区别
- 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
- $(function(){})与window.onload=function(){}的区别
- $(function(){})与window.onload=function(){}的区别
- $(function(){ }与window.onload = function(){ }的区别
- window.onload和$(document).ready(function(){})区别
- $(document).ready(function() 总结以及和window.onload的区别
- window.onload和$(document).ready(function(){})的区别
- $(function(){})与window.onload的区别
- JDK8新特性之Lambda表达式
- wrodpress自定义友情链接
- [数位DP]ARC066D
- python基础(一)
- 8.1 网关
- 页面加载之window.onload=function(){} 和 $(function(){})的区别
- JAVA知识_11
- cocos2dx-3.x 增加win版下setBackgroundMusicVolume功能
- PullToRefreshScrollView的使用
- 梯度下降、随机梯度下降和批量梯度下降
- 微信小程序教学第二章(含视频):小程序中级实战教程之预备篇
- dir()函数
- Android-AIDL的使用
- 深度图像转换为灰度图