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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
动态表格Table类的实现
Aug 26 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
Oct 11 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
Aug 23 Javascript
13个PHP函数超实用
Oct 21 Javascript
原生js实现数字字母混合验证码的简单实例
Dec 10 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 Javascript
Vue组件为什么data必须是一个函数
Jun 11 Javascript
ES6 十大特性简介
Dec 09 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下使用以下代码连接并测试
2008/04/09 PHP
PHP伪静态页面函数附使用方法
2008/06/20 PHP
php与paypal整合方法
2010/11/28 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
2016/03/14 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
jQuery实现页面点击后退弹出提示框的方法
2016/08/24 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
Node调用Java的示例代码
2017/09/20 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
JS加密插件CryptoJS实现AES加密操作示例
2018/08/16 Javascript
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
jquery简单实现纵向的无缝滚动代码实例
2019/04/01 jQuery
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
2014三八妇女节活动总结范文四篇
2014/03/09 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
2014年群众路线教育实践活动整改措施
2014/09/24 职场文书
社区工作者个人总结
2015/02/28 职场文书
第一军规观后感
2015/06/12 职场文书
孟佩杰观后感
2015/06/17 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书