CODE大全
版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery 判断网页加载完毕的几种写法

发布时间:『 2017-04-07 17:46』  博客类别:WEB前端  阅读(1263) 评论(0)

js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}

jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大。

看下面代码:

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


——— 全文完 ———
如有版权问题,请联系532009913@qq.com。
关键字:   HTML     jQuery     js     javascript     加载事件  
评论信息
暂无评论
发表评论
验证码: 
Powered by CODE大全 | 鄂ICP备14009759号-2 | 网站留言 Copyright © 2014-2016 CODE大全 版权所有