关注开源代码的实际应用
window.onload事件可以安全的执行javascript,因为该事件是在页面完全加载完后才开始执行(包括页面内的图片、flash等 所有元素),不会因为JS需要对某个DOM 操作,而页面还没有加载该节点而引起错误。但是这种安全是需要付出代价的:如果某些图片(或者一些别的东西)加载特别慢,那么load事件会等到很久之后 才会触发。针对这个问题,一些JS框架提供了一些补充方法。如:jquery的$(document).ready()、mootools的 domready事件。都是在页面的DOM加载完毕后立即执行,而不需要等待漫长的图片下载过程。如果不使用这些框架,可以使用这个独立的DomReady.js
使用方法:
- <html lang="en">
- <head>
- <script src="domready.js" type="application/javascript"></script>
- <script type="application/javascript">
- DomReady.ready(function() {
- alert('dom is ready');
- });
- </script>
- </head>
- <body>
- </body>
- </html>