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特效 
    });
  • 相关阅读:
    java 多线程
    构造N位格雷码(递归,面向对象)
    字典树trie
    快速排序
    C++ 链表
    15-谜问题(深拷贝、LC检索、面向对象编程)
    [编程题] 扫描透镜(本题还涉及如何从字符串中提取数字)
    python爬虫提取冰与火之歌五季的种子
    带有限期和效益的单位时间的作业排序贪心算法
    0/1背包问题与动态规划
  • 原文地址:https://www.cnblogs.com/sungong1987/p/12808310.html
Copyright © 2011-2022 走看看