• 页面加载完成后自动执行一个方法函数的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特效 
    });
  • 相关阅读:
    招标问什么
    其他房产
    长沙
    flume kafka
    http://www.zhihu.com/question/24301047
    38.NOW() 函数
    35.MID() 函数
    36.LEN() 函数
    34.UCASE() LCASE() 函数
    33.HAVING 子句
  • 原文地址:https://www.cnblogs.com/sungong1987/p/12808310.html
Copyright © 2020-2023  润新知