zoukankan      html  css  js  c++  java
  • javaScript和jQuery自动加载方法

    一、JavaScript自动加载

    ①在文本中用onload: 当页面中所有内容(包括图片)加载完后再执行onload,如下:

    1 <body onload="alert(1)"></body>                    <!-- 当有一个onload -->
    2 <body onload="alert(2);alert(3);alert(4)"></body>  <!-- 当有多个onload用分号隔开,依次弹出 2 3 4 -->

    ②在脚本中用window.onload: 当页面中的所有内容(包括图片)加载完后再执行window.onload,如下:

    window.onload = function(){...}; //正确写法,这是匿名函数
    
    //------------↓多个window.onload的错误写法-------------
    window.onload = function(){alert("text1");}; //不执行
    window.onload = function(){alert("text2");}; //执行
    //------------↑---------------------------------------
    
    //------------↓多个window.onload的正确写法---------------------------
    window.attachEvent("onload",function(){alert('a')});
    window.attachEvent("onload",function(){alert('b')});
    window.attachEvent("onload",function(){alert('c')});
    //重点提示:在IE浏览器下用 (window.attachEvent),会弹出 c b a 
    //重点提示:其他浏览器下用 (window.addEventListener),会弹出 a b c
    //------------↑-----------------------------------------------------

    二、jQuery自动加载
    ①当页面中DOM结构(不包含图片)加载完后再执行(可能DOM元素关联的东西并没有加载完),有三种写法,如下:

    $(document).ready(function(){...});//写法1,全称  
    $(function(){...});                //写法2,简写  
    jQuery(function($){...});          //写法3,简写  

    ②页面中所有元素(包括图片)加载完成才执行,如下。

    $(window).load(function() {...});  //等于JavaScript的写法,如window.onload = function(){...};   

    ③立即执行匿名函数。 当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来,有两种写法,如下:

    (function(){...})();        //写法1,不加参数
    (function($){...})(jQuery); //写法2,加参数,避免与其他变量发生冲突

    by 小鬼PSer

  • 相关阅读:
    python 和 R 语言中的等差数列
    python 用 matplotlib 绘制误差条图
    Python 模拟伯努利试验和二项分布
    R 基于朴素贝叶斯模型实现手机垃圾短信过滤
    PCA 在手写数字数据集上的应用
    R 实现朴素贝叶斯分类器模型
    R语言 绘制正(余)弦图
    R 绘制反正(余)弦图像
    R 绘制正(余)切图像
    R 语言 do.call() 函数
  • 原文地址:https://www.cnblogs.com/php-qiuwei/p/7884273.html
Copyright © 2011-2022 走看看