11.5.2  编写JavaScript文件

11.5.2 编写JavaScript文件

在JavaScript文件android.js中使用了Ajax技术,具体代码如下。

978-7-111-53392-4-Part03-283.jpg

978-7-111-53392-4-Part03-284.jpg

对于上述代码的具体说明如下。

■第1~5行:使用了jQuery的document.ready()函数,目的是使浏览器在加载页面完成后运行loadPage()函数。

■剩余的行数是函数loadPage(url)部分,此函数的功能是载入地址为URL的网页,但是在载入时使用了Ajax技术特效。具体说明如下。

●第7行:为了使Ajax效果能够显示出来,在这个loadPage()函数启动时,在body中增加了一个正在加载的<div>,然后在hij ackLinks()函数结束的时候删除。

●第8行换掉这个<div>。

●第9~13行:如果没有在调用函数的时候指定url(比如第一次在document.ready()函数中调用),url将会是undefined,这一行会被执行。如果把这几行翻译出来,它的意思是“从index.html中找出所有#header中的<ul>元素,并把它们插入当前页面的#container元素中,完成之后再调用hij ackLinks()函数”。当url参数有值的时候,执行第12行。从效果上看,“从传给loadPage()函数的url中得到#content元素,并把它们插入当前页面的#container元素,完成之后调用hij ackLinks()函数。