核心提示:window.onload :执行时机:必须等待网页中的内容加载完毕后(包括图片)才能执行编写个数:不能同时编写多个,例如以下代码:script type='text/function t(){ al...
window.onload :
执行时机:必须等待网页中的内容加载完毕后(包括图片)才能执行
编写个数:不能同时编写多个,例如以下代码:
<script type="text/javascript"> function t(){ alert("test1") } function b(){ alert("test2") } window.onload =t ; window.onload =b ; </script>
结果只会弹出 "test2"
没有其他简化写法
$(document).ready():
执行时机:网页中所有的DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完
编写个数:能同时编写多个,例如以下代码:
<script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> //等待dom元素加载完毕. $(document).ready(function(){ alert("Hello World!"); }); //test2 $(document).ready(function(){ alert("Hello again!"); }); </script>
结果两次都会输出,先后弹出 "Hello Word!" "Hello again!"
$(document).ready(function(){
// .....
});
可以简化成:
$(function(){// .....
});