jquery中的$(document).ready()与window.onload的区别
作者:bea
所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就执行了需要依赖动态添加的元素的脚本而导致脚本错误.window.onload = function() { testDiv.innerHTML = "<div style="border:solid 1px #FF0000">动态创建的div</div>"; } 解决办法就是等DOM被解析后, 在图像和外部资源加载之前执行我们的函数.在jQuery中让这一
所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就执行了需要依赖动态添加的元素的脚本而导致脚本错误.
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>"; }
);
有用 | 无用
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 在网页中的运用(asp.net)
- javascript DOM编程实例(智播客学习)
- 传智播客学习之java 反射
- Javascript 刷新全集常用代码
- 写出更好的JavaScript之undefined篇(上)
- JavaScript中全局变量、函数内变量以及常量表达式的效率测试
- COM中获取JavaScript数组大小的代码
- 面向对象的编程思想在javascript中的运用上部
- javascript 设置文本框中焦点的位置
- javascript实现拖拽并替换网页块元素
- ExtJS Grid使用SimpleStore、多选框的方法
- Jquery中增加参数与Json转换代码
- ExtJS的FieldSet的column列布局
- 页面版文本框智能提示JS代码
- js url传值中文乱码之解决之道
- js trim函数 去空格函数与正则集锦
- div移动 输入框不能输入的问题
- ExtJS Window 最小化的一种方法
- JS获取dom 对象 ajax操作 读写cookie函数