首页在html页面加载时调用js函数

在html页面加载时调用js函数

时间: 2024-03-22 17:41:37 浏览: 93

要在 HTML 页面加载时调用 JavaScript 函数，可以在 HTML 的 body 标签中添加 onload 事件，然后将需要执行的 JavaScript 函数作为事件处理程序。以下是示例代码： ```html <!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body onload="myFunction()"> <h1>欢迎来到我的网站</h1> <script> function myFunction() { // 需要执行的函数代码 } </script> </body> </html> ``` 在上面的代码中，我们将需要在页面加载时执行的函数 `myFunction()` 添加到了 body 标签的 onload 事件处理程序中，这样函数就会在页面加载完成后自动调用。你也可以使用 `window.onload` 事件代替 body 标签的 onload 事件，如下所示： ```html <!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body> <h1>欢迎来到我的网站</h1> <script> window.onload = function() { // 需要执行的函数代码 }; </script> </body> </html> ``` 这样，当整个页面及其资源都加载完成后，就会执行函数中的代码。

阅读全文