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 相关文章推荐
激活 ActiveX 控件
Oct 09 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
Apr 06 Javascript
jquery单击事件和双击事件冲突解决方案
Mar 02 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
JS获得多个同name 的input输入框的值的实现方法
Jan 09 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
Jul 10 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
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 中的一些经验积累
2006/10/09 PHP
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
浅谈JavaScript中null和undefined
2015/07/09 Javascript
学习Bootstrap组件之下拉菜单
2015/07/28 Javascript
JavaScript组件开发完整示例
2015/12/15 Javascript
理解javascript中Map代替循环
2016/02/26 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
easyui validatebox验证
2016/04/29 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
vue通过cookie获取用户登录信息的思路详解
2018/10/30 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
vue之a-table中实现清空选中的数据
2019/11/07 Javascript
node 版本切换的实现
2020/02/02 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
CentOS 7如何实现定时执行python脚本
2020/06/24 Python
临床医师专业个人自我评价
2014/01/08 职场文书
社区义诊活动总结
2014/04/30 职场文书
关于颐和园的导游词
2015/01/30 职场文书
初中政治教学工作总结
2015/08/13 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
Django项目如何获得SSL证书与配置HTTPS
2021/04/30 Python