jquery中的$(document).ready()与window.onload的区别_jquery
程序员文章站
2022-06-08 10:49:34
...
所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就执行了需要依赖动态添加的元素的脚本而导致脚本错误.
window.onload = function() { testDiv.innerHTML = "
解决办法就是等DOM被解析后, 在图像和外部资源加载之前执行我们的函数.在jQuery中让这一实现变得可行:
//jQuery 使用动态创建的$(document).ready(function)方法
$(document).ready(
function() { testDiv.innerHTML = "
);
//或者使用简便语法:
/jQuery 使用$(function)方法
$(
function() { testDiv.innerHTML += "
);
window.onload = function() { testDiv.innerHTML = "
动态创建的div
"; } 解决办法就是等DOM被解析后, 在图像和外部资源加载之前执行我们的函数.在jQuery中让这一实现变得可行:
复制代码 代码如下:
//jQuery 使用动态创建的$(document).ready(function)方法
$(document).ready(
function() { testDiv.innerHTML = "
使用动态创建的$(document).ready(function)方法
"; } );
//或者使用简便语法:
/jQuery 使用$(function)方法
$(
function() { testDiv.innerHTML += "
使用$(function)方法
"; } );
推荐阅读
-
jquery中map函数与each函数的区别实例教程介绍
-
js与jQuery实现获取table中的数据并拼成json字符串操作示例
-
Jquery中attr与prop的区别详解
-
jQuery开发中$.each与$().each的区别示例介绍
-
html文件中jquery与velocity变量中的$冲突的解决方法
-
jQuery之DOM对象和jQuery对象的转换与区别分析
-
jquery中attr和prop的区别解析
-
jQuery中attr()和prop()在修改checked属性时的区别
-
JQuery的ready函数与JS的onload的区别详解
-
jquery中的mouseleave和mouseout的区别 模仿下拉框效果