jQuery中基于一个页面执行多个脚本的介绍

时间：2021-04-16

　　通过JavaScript(而不是指直接在HTML中添加处理程序属性)注册事件处理程序的传统机制是，把一个函数制定给DOM元素的对应属性。例如，假设我们已经定义了如下函数：

　　function doStuff(){
　　//执行某种任务......
　　}

　　那么，我们既可以在HTML标记中制定该函数：

　　<body onload="doStuff();">

　　也可以在JavaScript代码中指定该函数：

　　window.onload=doStuff;

　　这两种方式都会在页面加载完成后执行这个函数。但第2种方式的优点在于，它能使行为更清晰地从标记中分离出来。

　　在只有一个函数的情况下，这样做没有什么问题。但是，假设我们又定义了第二个函数：

　　function doOtherStuff(){
　　//执行另外一种任务......
　　}

　　我们也可以将它指定为基于页面的加载来运行：

　　window.onload=doOtherStuff;

　　然而，这次指定的函数会取代刚才指定的第一函数。因为.onload属性一次只能保存对一个函数的引用，所以不能在现在的行为基础上再增加新行为。

　　通过$(document).ready()机制能够很好地解决这个问题。每次调用这个方法都会向内部的行为队列中添加一个新函数，当页面加载完成后，所有函数都会被执行。而且，这些函数会按照注册它们的顺序依次执行。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章