美文网首页
页面加载之window.onload=function(){}

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

作者: adustdu2015 | 来源:发表于2018-09-28 17:12 被阅读0次

    通用的页面加载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(){}); 立即执行的时候总是无法获取到地址栏的参数的。

    相关文章

      网友评论

          本文标题:页面加载之window.onload=function(){}

          本文链接:https://www.haomeiwen.com/subject/lxbpoftx.html