页面加载之window.onload=function(){}

2018-09-28  本文已影响0人  adustdu2015

通用的页面加载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** 转载地址: https://blog.csdn.net/on_the_way_the_way/article/details/78319062 受教啦,注意: 用(function(){}); 立即执行的时候总是无法获取到地址栏的参数的。

上一篇下一篇

猜你喜欢

热点阅读