在Web开发中，我们经常需要某些JavaScript函数在页面加载完成后自动执行。本文将介绍几种常见的JavaScript技巧来实现这一目的。
首先，我们可以使用window.onload事件。这个事件会在所有内容（如图片、脚本等）加载完成后触发。以下是使用window.onload实现自动加载函数的示例代码：
function onLoadFunction() { console.log('页面加载完成，自动执行该函数'); } window.onload = onLoadFunction;
然而，window.onload有一个缺点，它只能设置一个函数，如果需要绑定多个函数，就需要额外的逻辑来处理。
另一种常用的方法是使用jQuery的$(document).ready()函数。这个函数在DOM加载完成后立即执行，而不需要等待所有图片和资源加载完成。以下是使用$(document).ready()的示例：
$(document).ready(function() { console.log('DOM加载完成，自动执行该函数'); });
此外，可以使用现代JavaScript的DOMContentLoaded事件，它是原生方法，与$(document).ready()类似，但更为简洁：
document.addEventListener('DOMContentLoaded', function() { console.log('DOM内容加载完成，自动执行该函数'); });
最后，还可以利用ES6的箭头函数简化上述代码：
document.addEventListener('DOMContentLoaded', () => { console.log('使用箭头函数，简化代码'); });
总结，实现JavaScript自动加载函数有多种方式，可以根据具体需求和项目环境选择最适合的方法。