jquery学习笔记一之window.onload与$(document).ready()区别
1.window.onload与$(document).ready()区别
执行时机:前者必须等待网页中所有的内容加载完毕后(包括图片)才能执行,后者 网页中说有的Dom结构绘制完毕后就执行,可能Dom元素关联的内容并没有加载完成。
<!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="js/jquery-1.7.2.js"></script> </head> <body> <script type="text/javascript"> window.onload = function(){ alert("onload加载"); } $(document).ready(function(){ //等待DOM元素加载完毕 alert("hello jquery"); }); $(document).ready(function(){ alert("again!!"); }); //简写 $(function(){ alert("three!!!"); }); </script> </body> </html>
2.click功能对比
<!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="js/jquery-1.7.2.js"></script> </head> <body> <p class="jqdemo">jquery demo</p> <script type="text/javascript"> function demo(){ alert('javascript demo'); } $(".jqdemo").click(function(){ alert('jquery demo'); }) </script> <p onclick="demo();">javascript demo</p> <script type="text/javascript"> </script> </body> </html>