`

ready与onload

jQueryJavaScriptHTML 
阅读更多

问题：
    首页控制多个图片切换效果js引用时可以正常显示，进入二级页面时切换效果不起作用。

 

经核查，发现是js加载函数window.onload=function(){}出现了问题，将其改为$(document).ready(function(){}后，问题就解决了！

 

查阅资料后了解到：

      1.window.onload的意思是当页面加载完毕的时候执行，而jquery的ready则是指在页面的DOM模型加载完后执行指定的函数；

      2.ready肯定在onload之前发生，页面加载大或者多的图片而使onload执行延后，使用jquery的ready可缓解此问题；

      3.可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行。

 

测试demo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试用的</title>
</head>
<script type = "text/javascript" src= "jquery-1.3.2.min.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
	alert(111);
});
$(document).ready(function(){
	alert(112);
});

window.onload = function(){
	alert(222);
}
window.onload = function(){
	alert(223);
}
</script>

<body>

</body>
</html>

测试结果
111  112  223

 

1
顶
0
踩
分享到：
| 字符串截取函数（避免utf8编码截取半个字符 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics