zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    java 生成二维码
    Web Service测试工具小汇
    ADF控件ID变化引发JS无法定位控件的解决方法
    create database link
    Jdeveloper下Svn的使用
    TortoiseSVN菜单项功能说明
    JSFF或JSF页面加载时触发JavaScript之方法
    更改ORACLE归档路径及归档模式
    更改oracle归档模式路径
    将Oracle数据库设置为归档模式及非归档模式
  • 原文地址:https://www.cnblogs.com/libinsoft/p/4521462.html
Copyright © 2011-2022 走看看