在Web开发中，我们经常需要某些函数在页面加载时自动执行。这可以确保页面元素在用户与之交互之前就已经处于预期状态。本文将介绍几种在页面开始时执行函数的方法。 首先，我们可以使用JavaScript的window.onload事件。这是一个非常基础且广泛支持的方法，它会在所有内容（包括图片、脚本等）加载完成后触发。示例代码如下： <script> window.onload = function() { // 这里放置需要在页面加载完成后执行的代码 }; </script> 然而，window.onload有一个缺点：它只能设置一个函数，如果有多个函数需要执行，就需要将它们封装在一起。 另一种方法是使用jQuery的$(document).ready()函数。这个函数在DOM完全加载并且可以被JavaScript安全操作时触发。它的优点是可以添加多个函数，而且语法简洁。例如： <script> $(document).ready(function() { // 第一个函数 }); $(document).ready(function() { // 第二个函数 }); </script> 实际上，如果你使用的是jQuery，更常见的做法是将其简化为： <script> $(function() { // 第一个函数 }); $(function() { // 第二个函数 }); </script> 除了上述方法，现代前端框架（如React、Vue和Angular）都有自己的生命周期钩子或事件监听机制，在组件或页面加载时执行函数。 总结，要在页面开始时执行函数，可以根据项目需求选择合适的方法。对于简单的页面，window.onload或jQuery的$(document).ready()通常就足够了。对于现代前端框架，请遵循相应的最佳实践和生命周期。