JavaScript函数自动执行的三种常用方法

JavaScript函数自动执行概述

在网页开发中，JavaScript函数自动执行是常见需求，主要包含以下三种常用实现方式。

首先，在HTML文档的Head区域中定义一个基础函数，例如名为MyAutoRun的函数。

<SCRIPT  LANGUAGE="JavaScript"> 
　　functionn MyAutoRun()
　　{ 
　　　//以下是您的函数的代码，请自行修改先！
　　　alert("函数自动执行哦！"); 
　　} 
</SCRIPT>

接下来，我们将基于上述基础函数，探讨如何在网页载入时触发其自动运行。

第一种方法是通过直接调用的方式实现。

具体操作是将原有的函数定义代码稍作修改，在函数定义结束后立即执行该函数。

<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>

此外还存在其他较为特殊且不常用的方法，由于通用性较低，此处不再赘述。