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 相关文章推荐
(JS实现)MapBar中坐标的加密和解密的脚本
May 16 Javascript
JavaScript入门教程(12) js对象化编程
Jan 31 Javascript
JavaScript入门之基本函数详解
Oct 21 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
js跨域请求的5中解决方式
Jul 02 Javascript
JS实现的车标图片提示效果代码
Oct 10 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 Javascript
vue 获取url里参数的两种方法小结
Nov 12 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
神族 PROTOSS 概述
2020/03/14 星际争霸
检查url链接是否已经有参数的php代码 添加 ? 或 &amp;
2010/02/09 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
javascript div 弹出可拖动窗口
2009/02/26 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
基于JQuery的Ajax方法使用详解
2017/08/16 jQuery
JS获取input[file]的值并显示在页面的实现方法
2018/03/09 Javascript
Vue如何实现响应式系统
2018/07/11 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
DWR内存兼容及无法调用问题解决方案
2020/10/16 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
人机交互程序 python实现人机对话
2017/11/14 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
Java基础知识面试要点
2016/07/29 面试题
Shell脚本如何向终端输出信息
2014/04/25 面试题
装潢设计专业推荐信模板
2013/11/26 职场文书
三年大学自我鉴定
2014/01/16 职场文书
病媒生物防治方案
2014/05/13 职场文书
公民代理授权委托书
2014/09/24 职场文书
离婚协议书怎么写的
2014/12/14 职场文书
费城故事观后感
2015/06/10 职场文书
2019年最新证婚词精选集!
2019/06/28 职场文书
职业规划从高考志愿专业选择开始
2019/08/08 职场文书