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特效 
    });
  • 相关阅读:
    golang --写test测试用例
    Golang ---testing包
    golang --Converting and Checking Types
    python ---升级所有安装过的package
    给定数组和某个值,求和等于某值的序号
    https://leetcode-cn.com/
    Java8内存模型—永久代(PermGen)和元空间(Metaspace)
    TJ Holowaychuk是怎样学习编程的?
    Idea代码可视化插件
    python3插入数据
  • 原文地址:https://www.cnblogs.com/sungong1987/p/12808310.html
Copyright © 2011-2022 走看看