• JQuery文档加载完成执行js的几种方法


    js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}

    jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大。

    下面是我整理测试的结果。

    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <script src="jquery-1.7.1.js" type="text/javascript"></script>

    </head>

    <body style=" overflow-y:scroll;overflow-x:auto;">
    <input type="text"  id="dd1" value="" />

    <textarea id="tt" cols="30" rows="30"></textarea>
    </body>
    </html>
           
    <script>
    var i=1;

    //jQuery方式
    $(document).ready(function(){
        var str=$("#tt").val()+' '+'$_A加载完毕'+i;
      $("#tt").val(str);
      i++;
        });

    $(function(){
      var str=$("#tt").val()+' '+'$_B加载完毕'+i;
      $("#tt").val(str);
      i++;
     }) ;

    $(function($) {
            var str=$("#tt").val()+' '+'$_C加载完毕'+i;
      $("#tt").val(str);
      i++;
    });

    $(window).load(function() {
            var str=$("#tt").val()+' '+'$_D加载完毕'+i;
      $("#tt").val(str);
      i++;
    });

    (function() {
            var str=$("#tt").val()+' '+'$_E加载完毕'+i;
      $("#tt").val(str);
      i++;
    })(jQuery)

    ////////////////////jQuery与别名$可互通/////////////////////////////////
    jQuery(document).ready(function(){
        var str=$("#tt").val()+' '+'jQuery_F加载完毕'+i;
      $("#tt").val(str);
      i++;
        });

    jQuery(function() {
            var str=$("#tt").val()+' '+'jQuery_G加载完毕'+i;
      $("#tt").val(str);
      i++;
    })
    jQuery(function($) {
            var str=$("#tt").val()+' '+'jQuery_H加载完毕'+i;
      $("#tt").val(str);
      i++;
    });

    jQuery(window).load(function() {
            var str=$("#tt").val()+' '+'jQuery_I加载完毕'+i;
      $("#tt").val(str);
      i++;
    });

    //js方式
    window.onload = function () {
        var str=document.getElementById("tt").value+' '+'js加载完毕'+i;;
      document.getElementById("tt").value=str;
      i++;
     };


    /*注意顺序,没有按照我们上面的顺序出来的,那就是本身加载有先后。
    D和I加载的是window,所以慢。

    $_E加载完毕1
    $_A加载完毕2
    $_B加载完毕3
    $_C加载完毕4
    jQuery_F加载完毕5
    jQuery_G加载完毕6
    jQuery_H加载完毕7
    js加载完毕8
    $_D加载完毕9
    jQuery_I加载完毕10

    */
    </script>

    Java Swing中的透明窗体(Windows中消息提示框的制作) http://www.linuxidc.com/Linux/2014-04/99622.htm

    用Java Swing编写简单的测试小工具界面(源码) http://www.linuxidc.com/Linux/2012-11/73566.htm

    Java 学习之 Swing 编程 http://www.linuxidc.com/Linux/2014-05/101049.htm

    本文永久更新链接地址http://www.linuxidc.com/Linux/2014-11/109189.htm

  • 相关阅读:
    Django【进阶篇-缓存类型】
    深度剖析Kubernetes API Server三部曲
    深度剖析Kubernetes API Server三部曲
    深度剖析Kubernetes API Server三部曲
    Istio技术与实践03:最佳实践之sidecar自动注入
    原来你是这样的PaaS!
    5分钟APIG实战: 使用Rust语言快速构建API能力开放
    Log4J日志配置详解
    cookie是如何保存到客户端,又是如何发送到服务端
    session cookie
  • 原文地址:https://www.cnblogs.com/libinsoft/p/4521462.html
Copyright © 2020-2023  润新知