歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery文檔加載完畢的幾種寫法

jQuery文檔加載完畢的幾種寫法

日期:2017/3/1 9:37:25   编辑:Linux編程

js中文檔加載完畢。一般在body加一個onload事件或者window.onload = function () {}

jQuery中有好多寫法,平時也不注意,別人一問,還真覺得頭大。

下面是我整理測試的結果。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery-1.7.1.js" type="text/javascript"></script>

</head>

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

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

<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++;
};


/*注意順序,沒有按照我們上面的順序出來的,那就是本身加載有先後。
D和I加載的是window,所以慢。

$_E加載完畢1
$_A加載完畢2
$_B加載完畢3
$_C加載完畢4
jQuery_F加載完畢5
jQuery_G加載完畢6
jQuery_H加載完畢7
js加載完畢8
$_D加載完畢9
jQuery_I加載完畢10

*/
</script>

Java Swing中的透明窗體(Windows中消息提示框的制作) http://www.linuxidc.com/Linux/2014-04/99622.htm

用Java Swing編寫簡單的測試小工具界面(源碼) http://www.linuxidc.com/Linux/2012-11/73566.htm

Java 學習之 Swing 編程 http://www.linuxidc.com/Linux/2014-05/101049.htm

Copyright © Linux教程網 All Rights Reserved