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特效 
    });
  • 相关阅读:
    CentOS查看CPU信息、位数、多核信息
    Linux常用命令大全
    chmod命令详细用法
    tar命令的详细解释
    yum和rpm命令详解
    LeetCode 241. Different Ways to Add Parentheses
    LeetCode 139. Word Break
    LeetCode 201. Bitwise AND of Numbers Range
    LeetCode 486. Predict the Winner
    LeetCode 17. Letter Combinations of a Phone Number
  • 原文地址:https://www.cnblogs.com/sungong1987/p/12808310.html
Copyright © 2011-2022 走看看