标签:
1 <!DOCTYPE html> 2 <HTML lang="zh-CN"> 3 <HEAD> 4 <meta charset="utf-8"> 5 <TITLE>jQuery文档加载完毕的几种写法</TITLE> 6 </HEAD> 7 8 <body style=" overflow-y:scroll;overflow-x:auto;"> 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()+‘\r\n‘+‘$_A加载完毕‘+i; 22 $("#tt").val(str); 23 i++; 24 }); 25 26 $(function(){ 27 var str=$("#tt").val()+‘\r\n‘+‘$_B加载完毕‘+i; 28 $("#tt").val(str); 29 i++; 30 }) ; 31 32 $(function($) { 33 var str=$("#tt").val()+‘\r\n‘+‘$_C加载完毕‘+i; 34 $("#tt").val(str); 35 i++; 36 }); 37 38 $(window).load(function() { 39 var str=$("#tt").val()+‘\r\n‘+‘$_D加载完毕‘+i; 40 $("#tt").val(str); 41 i++; 42 }); 43 44 (function() { 45 var str=$("#tt").val()+‘\r\n‘+‘$_E加载完毕‘+i; 46 $("#tt").val(str); 47 i++; 48 })(jQuery) 49 50 51 ////////////////////jQuery与别名$可互通///////////////////////////////// 52 jQuery(document).ready(function(){ 53 var str=$("#tt").val()+‘\r\n‘+‘jQuery_F加载完毕‘+i; 54 $("#tt").val(str); 55 i++; 56 }); 57 58 jQuery(function() { 59 var str=$("#tt").val()+‘\r\n‘+‘jQuery_G加载完毕‘+i; 60 $("#tt").val(str); 61 i++; 62 }) 63 jQuery(function($) { 64 var str=$("#tt").val()+‘\r\n‘+‘jQuery_H加载完毕‘+i; 65 $("#tt").val(str); 66 i++; 67 }); 68 69 jQuery(window).load(function() { 70 var str=$("#tt").val()+‘\r\n‘+‘jQuery_I加载完毕‘+i; 71 $("#tt").val(str); 72 i++; 73 }); 74 75 //js方式 76 window.onload = function () { 77 var str=document.getElementById("tt").value+‘\r\n‘+‘js加载完毕‘+i;; 78 document.getElementById("tt").value=str; 79 i++; 80 }; 81 82 /*window.onload = function () { 83 var str=document.getElementById("tt").value+‘\r\n‘+‘js加载完毕‘+i;; 84 document.getElementById("tt").value=str; 85 i++; 86 };*/ 87 88 89 /*注意顺序,没有按照我们上面的顺序出来的,那就是本身加载有先后。 90 D和I加载的是window,所以慢。 91 92 /iE下/ 93 $_E加载完毕1 94 $_A加载完毕2 95 $_B加载完毕3 96 $_C加载完毕4 97 jQuery_F加载完毕5 98 jQuery_G加载完毕6 99 jQuery_H加载完毕7 100 js加载完毕8 101 $_D加载完毕9 102 jQuery_I加载完毕10 103 104 /firefox下/ 105 $_E加载完毕1 106 $_A加载完毕2 107 $_B加载完毕3 108 $_C加载完毕4 109 jQuery_F加载完毕5 110 jQuery_G加载完毕6 111 jQuery_H加载完毕7 112 $_D加载完毕8 113 jQuery_I加载完毕9 114 js加载完毕10 115 */ 116 </script> 117 118 </body> 119 120 </HTML>
标签:
原文地址:http://www.cnblogs.com/double405/p/5124831.html