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 相关文章推荐
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
Jul 05 Javascript
从零开始学习搭建React脚手架项目
Aug 23 Javascript
使用D3.js构建实时图形的示例代码
Aug 28 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
小程序指纹验证的实现代码
Dec 04 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
Apr 23 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 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
PHP面向对象教程之自定义类
2014/06/10 PHP
浅谈php冒泡排序
2014/12/30 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
javascript 函数式编程
2007/08/16 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
jQuery的text()方法用法分析
2014/12/20 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
微信小程序 Record API详解及实例代码
2016/09/30 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
2018/11/15 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
sqlalchemy对象转dict的示例
2014/04/22 Python
python中使用pyhook实现键盘监控的例子
2014/07/18 Python
python实现K最近邻算法
2018/01/29 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
pyinstaller参数介绍以及总结详解
2019/07/12 Python
python+openCV调用摄像头拍摄和处理图片的实现
2019/08/06 Python
python实现PID算法及测试的例子
2019/08/08 Python
python如何将多个PDF进行合并
2019/08/13 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
Python 实现日志同时输出到屏幕和文件
2020/02/19 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
《童年》教学反思
2014/02/18 职场文书
电子商务专业自荐信
2014/06/02 职场文书
党员十八大心得体会
2014/09/12 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
小学副班长竞选稿
2015/11/21 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers