网页中JS函数自动执行常用三种方法

版权申诉

52 浏览量 2021-10-10 13:02:07 上传评论收藏 13KB DOCX 举报

网页中 JS 函数自动执行常用三种方法在网页开发中，自动执行 JS 函数是一种常见的需求，例如在页面加载完成后执行某些操作。今天，我们将介绍网页中 JS 函数自动执行常用三种方法。 JS 方法在 HTML 中，我们可以使用 `onload` 事件来自动执行 JS 函数。例如： ```html <html> <body onload="myfunction()">...</body> </html> ``` 这种方法可以在页面加载完成后执行函数 `myfunction()`。另一种方法是使用 `window.onload` 事件来自动执行 JS 函数。例如： ```javascript <script type="text/javascript"> function myfun() { alert("this window.onload"); } window.onload = myfun; //不要括号 </script> ``` 这种方法可以在页面加载完成后执行函数 `myfun()`。第三种方法是使用匿名函数来自动执行 JS 函数。例如： ```javascript <script type="text/javascript"> window.onload = function() { func1(); func2(); func3(); }; </script> ``` 这种方法可以在页面加载完成后执行多个函数。 JQ 方法如果我们使用 jQuery 库，那么可以使用 `$(document).ready()` 事件来自动执行 JS 函数。例如： ```javascript $(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); }); ``` 这种方法可以在页面的 DOM 结构加载完成后执行函数。还有一种简写方式： ```javascript $(function() { $("table tr:nth-child(even)").addClass("even"); }); ``` 这种方法可以在页面的 DOM 结构加载完成后执行函数。其他方法在 HTML 的 Head 区域中，我们也可以使用下面的函数来自动执行 JS 函数。例如： ```html <script language="JavaScript"> function MyAutoRun() { //以下是您的函数的代码，请自行修改先！ alert("函数自动执行哦！"); } window.onload = MyAutoRun(); //仅需要加这一句 </script> ``` 这种方法可以在页面加载完成后执行函数 `MyAutoRun()`。还可以使用 `onload` 事件来自动执行 JS 函数。例如： ```html <body onLoad="MyAutoRun();"> ``` 或者： ```html <body onLoad="javascript:MyAutoRun();"> ``` 这种方法可以在页面加载完成后执行函数 `MyAutoRun()`。最后一种方法是使用 setTimeout 函数来间断执行 JS 函数。例如： ```javascript setTimeout("MyAutoRun()", 1000); //隔 1000 毫秒就执行一次 MyAutoRun() 函数 ``` 这种方法可以在一定时间后执行函数 `MyAutoRun()`。以上为大家介绍的是 JS 函数自动执行常用方法，希望对大家的学习有所帮助。

资源推荐

资源评论