Jquery ready function Tester.

在开发的时候难免遇到在HTML BODY中间插入脚本，很多同事经常易出现这样或那样问题，问题比较简单，有些脚本需要在文档（DOM）加载完方能执行，而BODY中插入的脚本（除像Jquery.ready这样的延迟执行脚本的代码）在文档加载（从上到下加载）中就执行了，Jquery很好地解决了脚本在文档中加载问题。函数ready在文档加载完执行，非常方便。

本篇主要解决诸多同事遇到的问题和提醒同事不要犯类似的错误。

测试源码：

<!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> <title> Jquery ready function Tester. </title> <mce:script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </body> </html>

测试结果：

loading 1 ...

loading 4！ To End!

document.ready 1!

document.ready 2!

posted @ 2010-12-11 13:53 笑的自然阅读(121) 评论(0) 收藏举报

刷新页面返回顶部

笑的自然

Jquery ready function Tester.

loading 1 ...

loading 4！ To End!

document.ready 1!

document.ready 2!

公告