本文汇总了JavaScript中函数自动执行的三种常用方法。第一种通过直接调用函数实现;第二种利用HTML的onLoad事件绑定到body标签;第三种使用setTimeout定时器进行周期性或单次延时执行。文章提供了具体的代码修改示例,帮助开发者快速实现页面加载时的自动逻辑处理。
JavaScript函数自动执行概述
在网页开发中,JavaScript函数自动执行是常见需求,主要包含以下三种常用实现方式。
首先,在HTML文档的Head区域中定义一个基础函数,例如名为MyAutoRun的函数。
直接调用法
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码,请自行修改先!
alert("函数自动执行哦!");
}
</SCRIPT>
接下来,我们将基于上述基础函数,探讨如何在网页载入时触发其自动运行。
第一种方法是通过直接调用的方式实现。
具体操作是将原有的函数定义代码稍作修改,在函数定义结束后立即执行该函数。
onLoad事件绑定法
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码,请自行修改先!
alert("函数自动执行哦!");
}
window.onload=MyAutoRun(); //仅需要加这一句
</SCRIPT>
第二种方法是通过HTML标签的事件属性来触发。
我们需要修改网页的Body标签,添加onLoad事件监听。
具体代码为:<body onLoad="MyAutoRun();">
或者采用另一种等效写法。
具体代码为:<body onLoad="javascript:MyAutoRun();">
第三种方法则是利用JavaScript定时器机制。
通过设置定时器,可以实现函数的间断性执行或延时执行。
核心代码为setTimeout("MyAutoRun()",1000);,这表示每隔1000毫秒执行一次MyAutoRun()函数。
实现时,将最上方的JS函数代码修改为包含setTimeout调用的形式即可。
定时器延时执行法
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码,请自行修改先!
alert("函数自动执行哦!");
}
setTimeout("MyAutoRun()",1000); //这样就行拉
</SCRIPT>
此外还存在其他较为特殊且不常用的方法,由于通用性较低,此处不再赘述。