热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery页面加载完毕后执行事件

首先最简单的方法。jquery的一种简写形式:alert(页面加载完成!);});其对应的完整形态为:$(document).ready(function(){alert(

首先最简单的方法。jquery的一种简写形式:

alert("页面加载完成!");
});
其对应的完整形态为:$(document).ready(function(){ alert("页面加载完成!");
});
原生JS方法:window.οnlοad=function(){ alert("页面加载完成!");
}

这几种方法在功能上的效果是一样的,但是三者还是有一些区别的:

window.onload 表示的是页面被加载完毕。
onload必须等等页面中的图片、声音、图像等远程资源被加载完毕后才调用而jQuery中只需要页面结构被加载完毕。

jQuery中的页面加载完毕事件,表示的是页面结构被加载完毕。$(document).ready(function() 只需要在浏览器把所有的HTML放入DOM tree之后就执行js效果,包括在加载外部图片等资源之前。

所以,建议使用方式:

样式控制的,比如图片大小控制,使用$(window).load();

jS事件触发的方法,可以在$(document).ready()里面加载。

1、Dom Ready

使用jq时一般都是这么开始写脚本的:

$(function(){ // do something
});
例如:$(function() {$("a").c


推荐阅读
author-avatar
lbjf_887
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有