jquery中的$(document).ready()与window.onload的区别


Posted in Javascript onNovember 18, 2009

所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就执行了需要依赖动态添加的元素的脚本而导致脚本错误.
window.onload = function() { testDiv.innerHTML = "<div style=\"border:solid 1px #FF0000\">动态创建的div</div>"; }
解决办法就是等DOM被解析后, 在图像和外部资源加载之前执行我们的函数.在jQuery中让这一实现变得可行:

//jQuery 使用动态创建的$(document).ready(function)方法 
$(document).ready( 
function() { testDiv.innerHTML = "<div style=\"border:solid 1px #FF0000\">使用动态创建的$(document).ready(function)方法</div>"; } 
); 
//或者使用简便语法: 
/jQuery 使用$(function)方法 
$( 
function() { testDiv.innerHTML += "<div style=\"border:solid 1px #FF0000\">使用$(function)方法</div>"; } 
);
Javascript 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
jQuery 判断元素上是否绑定了事件
Oct 28 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
Javascript 运动中Offset的bug解决方案
Dec 24 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
Jan 20 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
Vue实现简单的拖拽效果
Aug 25 Javascript
jQuery html()等方法介绍
Nov 18 #Javascript
JQuery toggle使用分析
Nov 16 #Javascript
JavaScript OOP类与继承
Nov 15 #Javascript
JavaScript的eval JSON object问题
Nov 15 #Javascript
Javascript 中文字符串处理额外注意事项
Nov 15 #Javascript
JavaScript 语法集锦 脚本之家基础推荐
Nov 15 #Javascript
Dojo 学习笔记入门篇 First Dojo Example
Nov 15 #Javascript
You might like
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHPstorm激活码2020年5月13日亲测有效
2020/09/17 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
浅谈javascript中this在事件中的应用
2015/02/15 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
JavaScript常用判断写法大全(推荐)
2016/05/30 Javascript
JS上传图片预览插件制作(兼容到IE6)
2016/08/07 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
python3访问sina首页中文的处理方法
2014/02/24 Python
研究Python的ORM框架中的SQLAlchemy库的映射关系
2015/04/25 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
python 将大文件切分为多个小文件的实例
2019/01/14 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
美国一家著名的儿童鞋制造商:Stride Rite
2017/01/02 全球购物
迪奥官网:Dior.com
2018/12/04 全球购物
水利公司纪检监察自我鉴定
2014/02/25 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript