jQuery文档加载完毕的几种写法
生活随笔
收集整理的這篇文章主要介紹了
jQuery文档加载完毕的几种写法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
js中文檔加載完畢。一般在body加一個onload事件或者window.onload = function () {}
jQuery中有好多寫法，平時也不注意，別人一問，還真覺得頭大。
下面是我整理測試的結果。
1 <!DOCTYPE html>
2 <HTML lang="zh-CN">
3 <HEAD>
4 <meta charset="utf-8">
5 <TITLE>jQuery文檔加載完畢的幾種寫法</TITLE>
6 </HEAD>
7
8 <body>
9 <input type="text" id="dd1" value="" />
10
11 <textarea id="tt" cols="30" rows="30"></textarea>
12
13 <script src="jquery.js"></script>
14
15 <script>
16
17 var i=1;
18
19 //jQuery方式
20 ;$(document).ready(function(){
21 var str=$("#tt").val()+'
'+'$_A加載完畢'+i;
22 $("#tt").val(str);
23 i++;
24 });
25
26 ;$(function(){
27 var str=$("#tt").val()+'
'+'$_B加載完畢'+i;
28 $("#tt").val(str);
29 i++;
30 });
31
32 ;$(function($) {
33 var str=$("#tt").val()+'
'+'$_C加載完畢'+i;
34 $("#tt").val(str);
35 i++;
36 });
37
38 ;$(window).load(function() {
39 var str=$("#tt").val()+'
'+'$_D加載完畢'+i;
40 $("#tt").val(str);
41 i++;
42 });
43
44 ;(function() {
45 var str=$("#tt").val()+'
'+'$_E加載完畢'+i;
46 $("#tt").val(str);
47 i++;
48 })(jQuery);
49
50 ////////////////////jQuery與別名$可互通/////////////////////////////////
51 ;jQuery(document).ready(function(){
52 var str=$("#tt").val()+'
'+'jQuery_F加載完畢'+i;
53 $("#tt").val(str);
54 i++;
55 });
56
57 ;jQuery(function() {
58 var str=$("#tt").val()+'
'+'jQuery_G加載完畢'+i;
59 $("#tt").val(str);
60 i++;
61 })
62
63 ;jQuery(function($) {
64 var str=$("#tt").val()+'
'+'jQuery_H加載完畢'+i;
65 $("#tt").val(str);
66 i++;
67 });
68
69 ;jQuery(window).load(function() {
70 var str=$("#tt").val()+'
'+'jQuery_I加載完畢'+i;
71 $("#tt").val(str);
72 i++;
73 });
74
75 //js方式
76 window.onload = function () {
77 var str=document.getElementById("tt").value+'
'+'js加載完畢'+i;;
78 document.getElementById("tt").value=str;
79 i++;
80 };
81
82
83 ;$().ready(function(){
84 var str=$("#tt").val()+'
'+'$_J加載完畢'+i;
85 $("#tt").val(str);
86 i++;
87 });
88
89 ;(function(jQuery) {
90 var str=$("#tt").val()+'
'+'$_K加載完畢'+i;
91 $("#tt").val(str);
92 i++;
93 })();
94
95
96 ;(function($) {
97 var str=$("#tt").val()+'
'+'$_L加載完畢'+i;
98 $("#tt").val(str);
99 i++;
100 })(jQuery);
101
102 ;(function() {
103 var str=$("#tt").val()+'
'+'$_M加載完畢'+i;
104 $("#tt").val(str);
105 i++;
106 })(jQuery);
107
108 ;(function(jQuery) {
109 var str=$("#tt").val()+'
'+'$_N加載完畢'+i;
110 $("#tt").val(str);
111 i++;
112 })(jQuery);
113
114 /*$().load(function() {
115 alert('ok');
116 });*/
117 /*window.onload = function () {
118 var str=document.getElementById("tt").value+'
'+'js加載完畢'+i;;
119 document.getElementById("tt").value=str;
120 i++;
121 };*/
122
123
124 /*注意順序,沒有按照我們上面的順序出來的，那就是本身加載有先后。
125 E、K、L、M、N是同一種方式，不同寫法
126 D和I加載的是window，所以慢。
127
128 /iE下/
129 $_E加載完畢1
130 $_K加載完畢2
131 $_L加載完畢3
132 $_M加載完畢4
133 $_N加載完畢5
134 $_A加載完畢6
135 $_B加載完畢7
136 $_C加載完畢8
137 jQuery_F加載完畢9
138 jQuery_G加載完畢10
139 jQuery_H加載完畢11
140 $_J加載完畢12
141 js加載完畢13
142 $_D加載完畢14
143 jQuery_I加載完畢15
144
145 /firefox下/
146
147 $_E加載完畢1
148 $_K加載完畢2
149 $_L加載完畢3
150 $_M加載完畢4
151 $_N加載完畢5
152 $_A加載完畢6
153 $_B加載完畢7
154 $_C加載完畢8
155 jQuery_F加載完畢9
156 jQuery_G加載完畢10
157 jQuery_H加載完畢11
158 $_J加載完畢12
159 $_D加載完畢13
160 jQuery_I加載完畢14
161 js加載完畢15
162 */
163 </script>
164
165 </body>
166
167 </HTML>
總結
以上是生活随笔為你收集整理的jQuery文档加载完毕的几种写法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hive与hbase的以及mongodb
- 下一篇： websocket 以及心跳检测实现长连