zoukankan      html  css  js  c++  java
  • jQuery的页面加载事件

      window.onload=function(){...}作用是当页面加载的时候可以调用某些函数,例如:

    window.onload = function() {
        alert("加载成功");
    }

    Firefox显示结果

    但是这个时间只能有一个,例如:

    window.onload = function() {
        console.log("window.onload fn1");
    }
    window.onload = function() {
        console.log("window.onload fn2");
    }

    在FireBug中显示结果为:

    可以清楚的看到只打印了第二句,但是上面的方法的却是运行到了

    所以得出的结论是window.onload事件只能有一个,如果有多个,则值运行最下面的那一个。

    但是在.net中经常需要在后台加载JS,如果碰到这种情况岂不死翘翘了?

    jQuery很好的解决了这个问题,jQuery也有一个页面加载事件,例如:

    jQuery(function() {    //或者$(function(){...});
    
        console.log("jQuery fn1");
    
    });
    
    /比较老的写法
    $(document).ready(function() {
    
        console.log("$ fn2");
    
    });

    来看看以下代码的运行效果:

    jQuery(function() {
        
        console.log("jQuery fn1");
        
    });
    
    jQuery(function() {
    
        console.log("jQuery fn2");
    
    });

    具体区别还在研究当中,让我们来看看几种方法的整体效果:

    View Code
    jQuery(function() {
    
        console.log("jQuery fn1");
    
    });
    
    jQuery(function() {
    
        console.log("jQuery fn2");
    
    });
    
    $(document).ready(function() {
    
     console.log("$ fn2");
    
    });
    
    $(document).ready(function() {
    
        console.log("$ fn1");
    
    });
    
    window.onload = function() {
    
        console.log("window.onload fn1");
    
    }
    window.onload = function() {
    
        console.log("window.onload fn2");
    
    }

     

     

  • 相关阅读:
    Python语言基础04-构造程序逻辑
    Python语言基础03-分支和循环结构
    Python语言基础02-变量和运算
    Python语言基础01-初识Python
    Hadoop+Hbase分布式集群架构“完全篇”
    kubernetes系列12—二个特色的存储卷configmap和secret
    安装AIDE文件完整性检测
    PAM和账户安全配置
    SSH安全配置
    CentOS7的审计配置
  • 原文地址:https://www.cnblogs.com/efanfan/p/2874369.html
Copyright © 2011-2022 走看看