日期:2014-05-16  浏览次数:20343 次

jQuery中的document.ready和js中的window.onload速度对比
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery简单输出对话框alert使用方法</title>
<script language="javascript" type="text/javascript">
window.onload = function(){
    alert('js程序弹出的对话框对比!');
    }
    //js代码弹出对话框
</script>

<script type="text/javascript" language="javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
    alert('你好jQuery!');
    //jQuery代码弹出对话框
    })
</script>
</head>
<body>
<p><img src="../images/Desert.jpg" /></p>
一个简单的jQuery对话框程序。
</body>
</html>


  在无意中发现了个东西自己无法理解了。不知道是不是自己资历太浅,还是自己较真了。我知道jquery的document.ready是当网页的dom加载完成了以后就会自动运行。那么window.onload是需要网页的所有包括图片什么的都加载完成了以后才运行,那么这样理解的话应该是jquery的代码运行的速度要快于js的弹出代码。但是为什么运行的时候js的反而比jquery运行的要快呢?

------解决方案--------------------
只有一张图片 很快就加载完了 试试增加图片
------解决方案--------------------
..理论是上是这样的,我在IE8测试了。 是不是浏览器的问题?