jquery中的$(document).ready()与window.onload的区别_jquery
程序员文章站
2024-01-10 09:59: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)方法
"; } );
上一篇: PHP计算指定文件夹的信息(文件夹数,文件数,文件夹大小)
下一篇: Composer快速入门
推荐阅读
-
jquery中的$(document).ready()与window.onload的区别_jquery
-
jquery中:input和input的区别分析_jquery
-
jquery 层次选择器siblings与nextAll的区别介绍_jquery
-
jquery选择器中的空格与大于号>、加号+与波浪号~的区别
-
jQuery中serializeArray()与serialize()的区别实例分析_jquery
-
Jquery AJAX POST与GET之间的区别
-
jquery $(document).ready() 与window.onload的区别_jquery
-
jquery中$().each,$.each的区别讲解
-
jquery.extend 与 jquery.fn.extend的区别和使用
-
JQuery中关于jquery.js与jquery.min.js的比较探讨