zoukankan      html  css  js  c++  java
  • 页面加载完成后自动执行一个方法函数的JQ、JS方法

    一、JS方法

    1.最简单的调用方式,直接写到html的body标签里面:
    <body onload="myfunction()">
    <html>
          <body onload="func1();func2();func3();">
          </body>
    </html>
    2.在JS语句调用:
    复制代码
    <script type="text/javascript">
      function myfun()
      {
          alert("this window.onload");
      }
      /*用window.onload调用myfun()*/
      window.onload = myfun;//不要括号
    </script>
    复制代码
    复制代码
    <script type="text/javascript">
         window.onload=function(){
                func1();
                func2();
                func3();
        }
    </script>
    复制代码

    二、JQ方法

    1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。
    window.onload = function() { 
         $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 
    }; 
    2.仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前。
    $(document).ready(function() {     
         $("table tr:nth-child(even)").addClass("even");   // 任何需要执行的js特效 
    }); 
    还有一种简写方式
    $(function() {
        $("table tr:nth-child(even)").addClass("even");  // 任何需要执行的js特效 
    });
  • 相关阅读:
    oracle增加表空间大小
    oracle日常查看
    oracle报错ORA-01653 dba_free_space中没有该表空间
    大数据hadoop生态圈
    1104报表背景知识
    db2和oracle字段类型对比
    weblogic 内存配置
    java内存配置举例
    java内存和linux关系
    PHP连接Redis操作函数
  • 原文地址:https://www.cnblogs.com/sungong1987/p/12808310.html
Copyright © 2011-2022 走看看