jQuery文档加载完毕的几种写法

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>
上一篇:从源代码上分析ListView的addHeaderView和setAdapter的调用顺序


下一篇:centos安装docker容器