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 相关文章推荐
javascript void(0)的妙用
Oct 21 Javascript
一些经常会用到的Javascript检测函数
May 31 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
PHP实现的各种中文编码转换类分享
Jan 23 Javascript
javaScript的函数对象的声明详解
Feb 06 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
Sep 26 Javascript
实例解析jQuery工具函数
Dec 01 Javascript
websocket+node.js实现实时聊天系统问题咨询
May 17 Javascript
微信小程序之页面跳转和参数传递的实现
Sep 29 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
如何用JavaScript学习算法复杂度
Apr 30 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并发对MYSQL造成压力的解决方法
2013/02/21 PHP
PHP函数http_build_query使用详解
2014/08/20 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
关于laravel后台模板laravel-admin select框的使用详解
2019/10/03 PHP
PHP7 list() 函数修改
2021/03/09 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
jquery $.ajax入门应用一
2008/11/19 Javascript
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
2012/12/06 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
Javascript实现简单二级下拉菜单实例
2014/06/15 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
vue+element实现批量删除功能的示例
2018/02/28 Javascript
微信小程序按钮去除边框线分享页面功能
2018/08/27 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
JS寄快递地址智能解析的实现代码
2020/07/16 Javascript
Python3实现生成随机密码的方法
2014/08/23 Python
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
Python控制多进程与多线程并发数总结
2016/10/26 Python
python学生信息管理系统
2018/03/13 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
python2和python3哪个使用率高
2020/06/23 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
生产部管理制度
2014/01/31 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
单位单身证明样本
2014/10/11 职场文书
预备党员表决心的话
2015/09/22 职场文书
初中历史教学反思
2016/02/19 职场文书