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

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

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

 <!DOCTYPE html>

 <HTML lang="zh-CN">

  <HEAD>

  <meta charset="utf-8">

   <TITLE>jQuery文档加载完毕的几种写法</TITLE>

  </HEAD>

  <body style=" overflow-y:scroll;overflow-x:auto;">

  <input type="text"  id="dd1" value="" />

 <textarea id="tt" cols="30" rows="30"></textarea>

 <script src="jquery.js"></script>

 <script>

 var i=1;

 //jQuery方式

 ;$(document).ready(function(){

         var str=$("#tt").val()+'\r\n'+'$_A加载完毕'+i;

         $("#tt").val(str);

         i++;

     });

 ;$(function(){

         var str=$("#tt").val()+'\r\n'+'$_B加载完毕'+i;

         $("#tt").val(str);

         i++;

     });

 ;$(function($) {

         var str=$("#tt").val()+'\r\n'+'$_C加载完毕'+i;

         $("#tt").val(str);

         i++;

 });

 ;$(window).load(function() {

         var str=$("#tt").val()+'\r\n'+'$_D加载完毕'+i;

         $("#tt").val(str);

         i++;

 });

 ;(function() {

         var str=$("#tt").val()+'\r\n'+'$_E加载完毕'+i;

         $("#tt").val(str);

         i++;

 })(jQuery);

 ////////////////////jQuery与别名$可互通/////////////////////////////////

 ;jQuery(document).ready(function(){

         var str=$("#tt").val()+'\r\n'+'jQuery_F加载完毕'+i;

         $("#tt").val(str);

         i++;

     });

 ;jQuery(function() {

         var str=$("#tt").val()+'\r\n'+'jQuery_G加载完毕'+i;

         $("#tt").val(str);

         i++;

 })

 ;jQuery(function($) {

         var str=$("#tt").val()+'\r\n'+'jQuery_H加载完毕'+i;

         $("#tt").val(str);

         i++;

 });

 ;jQuery(window).load(function() {

         var str=$("#tt").val()+'\r\n'+'jQuery_I加载完毕'+i;

         $("#tt").val(str);

         i++;

 });

 //js方式

 window.onload = function () {

         var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;

         document.getElementById("tt").value=str;

         i++;

     };

 ;$().ready(function(){

         var str=$("#tt").val()+'\r\n'+'$_J加载完毕'+i;

         $("#tt").val(str);

         i++;

     });

 ;(function(jQuery) {

         var str=$("#tt").val()+'\r\n'+'$_K加载完毕'+i;

         $("#tt").val(str);

         i++;

 })();

 ;(function($) {

        var str=$("#tt").val()+'\r\n'+'$_L加载完毕'+i;

         $("#tt").val(str);

         i++;

 })(jQuery);

 ;(function() {

        var str=$("#tt").val()+'\r\n'+'$_M加载完毕'+i;

         $("#tt").val(str);

         i++;

 })(jQuery);

 ;(function(jQuery) {

        var str=$("#tt").val()+'\r\n'+'$_N加载完毕'+i;

         $("#tt").val(str);

         i++;

 })(jQuery);

 /*$().load(function() {

         alert('ok');

 });*/

 /*window.onload = function () {

         var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;

         document.getElementById("tt").value=str;

         i++;

     };*/

 /*注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。

 E、K、L、M、N是同一种方式，不同写法

 D和I加载的是window，所以慢。

 /iE下/

 $_E加载完毕1

 $_K加载完毕2

 $_L加载完毕3

 $_M加载完毕4

 $_N加载完毕5

 $_A加载完毕6

 $_B加载完毕7

 $_C加载完毕8

 jQuery_F加载完毕9

 jQuery_G加载完毕10

 jQuery_H加载完毕11

 $_J加载完毕12

 js加载完毕13

 $_D加载完毕14

 jQuery_I加载完毕15

 /firefox下/

 $_E加载完毕1

 $_K加载完毕2

 $_L加载完毕3

 $_M加载完毕4

 $_N加载完毕5

 $_A加载完毕6

 $_B加载完毕7

 $_C加载完毕8

 jQuery_F加载完毕9

 jQuery_G加载完毕10

 jQuery_H加载完毕11

 $_J加载完毕12

 $_D加载完毕13

 jQuery_I加载完毕14

 js加载完毕15

 */

 </script>

 </body>

 </HTML>

jQuery文档加载完毕的几种写法的更多相关文章

  1. 原生JS与jQuery文档加载完毕的写法

    HTML是有执行顺序的,默认是自上而下执行.所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的 ...

  2. jquery文档加载几种写法，图片加载写法

    jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函 ...

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

    js中文档加载完毕.一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大. 下面是我整理 ...

  4. JS/JQuery 文档加载完成

    1. $(function(){...}); 文档树加载完执行的方法:(注意:不包括图片.css.js等文件): 一个页面中可以有多个$(function(){...}); 方法: 两种写法: //第 ...

  5. jQuery文档加载事件

    $(document).ready(handler) $().ready(handler) (this is not recommended) $(handler) 相当于: $(document). ...

  6. jQuery在HTML文档加载完毕后自动执行某个事件；

    原来onchange=“fucntionname(parms)”: <select name="country" id="selCountries_{$sn}&qu ...

  7. 用document.onreadystatechange和document.readyState确保文档加载完毕才获取DOM

    document.onreadystatechange = function(){ //document.readyState有“interactive”和“complate”两个值 if(docum ...

  8. jQuery---jQ动画(普通,滑动,淡入淡出,自定义动画,停止动画),jQuery的事件,jQ事件的绑定/解绑,一次性事件,事件委托,事件冒泡,文档加载

    jQuery---jQ动画(普通,滑动,淡入淡出,自定义动画,停止动画),jQuery的事件,jQ事件的绑定/解绑,一次性事件,事件委托,事件冒泡,文档加载 一丶jQuery动画 show,hide, ...

  9. 基于DOMContentLoaded实现文档加载完成后执行的方法

    我们有时可能需要一些在页面加载完成之后执行的方法,其实js原生就提供了onload方法,所以我们最简单的办法就是直接给onload赋值一个函数,在页面加载完成之后就会自动执行 widnow.onloa ...

随机推荐

  1. webServer xampp的安装及使用

    一.下载: 西装xampp1.73版本,其他版本可能会出错,为了你能顺利安装,最好用此版本: 二.安装: 1.安装路径,最好不要放到系统盘去[c:],建议非系统盘都可,尤其是早期的XAMPP版本可能默 ...

  2. ExtJs布局大全

    1.Fit 布局 在Fit 布局中,子元素将自动填满整个父容器.注意:在fit 布局下,对其子元素设置宽度是无效的.如果在fit 布局中放置了多个组件,则只会显示第一个子元素.在Fit 布局中,子元素 ...

  3. Android 的 init.rc 文件简介【转】

    转自:http://blog.csdn.net/yimiyangguang1314/article/details/6268177 init.rc由许多的Action和Service组成.每一个语句占 ...

  4. YTU 2601: 熟悉题型——填空题（删除线性表节点）

    2601: 熟悉题型--填空题(删除线性表节点) 时间限制: 1 Sec  内存限制: 128 MB 提交: 357  解决: 212 题目描述 给出一串具体长度的数据,删除指定数据. 已经给出部分代 ...

  5. 多个电脑共用一个ssh

    比如我们有多个设备,但不想每个设备上生成一个ssh key,然后去github或其他网站上添加,那样的话,ssh key会比较多,搞起来会比较乱,所以我们想在不同的设备上使用同一个ssh. 做法是,我 ...

  6. hdu4003Find Metal Mineral(树形DP）

    4003 思维啊 dp[i][j]表示当前I节点停留了j个机器人 那么它与父亲的关系就有了 那条边就走了j遍 dp[i][j] = min(dp[i][j],dp[child][g]+dp[i][j- ...

  7. An AnnotationConfiguration instance is required to use

    An AnnotationConfiguration instance is required to use <mapping class="jebe7282/study/hibern ...

  8. core--线程池

    对于服务器-客户端这种架构的软件,通常客户端的数据来自于服务器,如何让一个服务器进程,来满足多个客户端程序的数据请求?一种简单的方法就是,每当一个客户请求来领,服务器就为该客户端创建一个线程.当有10 ...

  9. LeetCode Reverse Nodes in k-Group 每k个节点为一组，反置链表

    题意:给一个单链表,每k个节点就将这k个节点反置,若节点数不是k的倍数,则后面不够k个的这一小段链表不必反置. 思路:递归法.每次递归就将k个节点反置,将k个之后的链表头递归下去解决.利用原来的函数接 ...

  10. == Rickard Oberg & TheServerSide

    看了Hani Suleiman和Rickard Oberg ,发现其实每个所谓的权威都应该有被质疑的绝对,可能往往权威会令人觉得理所应当