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技术实现Tab页界面之二
Sep 21 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 Javascript
jQuery自定义组件(导入组件)
Nov 08 Javascript
ES6 javascript中Class类继承用法实例详解
Oct 30 Javascript
React diff算法的实现示例
Apr 20 Javascript
微信小程序滑动选择器的实现代码
Aug 10 Javascript
详解webpack 热更新优化
Sep 13 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 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错误日志 display_errors与log_errors的区别
2012/10/09 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
PHP7内核之Reference详解
2019/03/14 PHP
JS中eval函数的使用示例
2013/07/21 Javascript
用jquery方法操作radio使其默认选项是否
2013/09/10 Javascript
js 遍历json返回的map内容示例代码
2013/10/29 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
微信小程序实现移动端滑动分页效果(ajax)
2017/06/13 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
如何使用pm2快速将项目部署到远程服务器
2019/03/12 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
vue引入静态js文件的方法
2020/06/20 Javascript
[02:56]DOTA2英雄基础教程 巨魔战将
2013/12/10 DOTA
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
Python爬取网易云音乐热门评论
2017/03/31 Python
python如何为创建大量实例节省内存
2018/03/20 Python
Python实现通过继承覆盖方法示例
2018/07/02 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
python 检测图片是否有马赛克
2020/12/01 Python
css3实现小箭头各种图形效果
2020/07/08 HTML / CSS
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
.NET remoting的两种通道是什么
2016/05/31 面试题
实习教师自我鉴定
2013/09/27 职场文书
见习报告的格式
2014/11/04 职场文书
党的群众路线教育实践活动个人对照检查材料(医生)
2014/11/05 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
教导处教学工作总结
2015/08/12 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL