您的位置：首页 > Web前端 > JQuery

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

2016-01-12 16:42 761 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航