如何在页面加载完成后执行JavaScript函数？

在页面加载完成后执行JavaScript函数，可以通过以下几种方式实现：

1. 使用window.onload事件：将需要执行的JavaScript函数绑定到window.onload事件上，确保在页面完全加载后执行。示例代码如下：

window.onload = function() {
  // 在这里编写需要执行的JavaScript函数
};

1. 使用DOMContentLoaded事件：该事件在DOM加载完成后触发，不需要等待其他资源（如图片、样式表）的加载完成。示例代码如下：

document.addEventListener("DOMContentLoaded", function() {
  // 在这里编写需要执行的JavaScript函数
});

1. 使用defer属性：将需要执行的JavaScript函数放置在script标签中，并添加defer属性。这样脚本将在页面解析完毕后执行，但在DOMContentLoaded事件之前执行。示例代码如下：

<script defer>
  // 在这里编写需要执行的JavaScript函数
</script>

1. 使用async属性：将需要执行的JavaScript函数放置在script标签中，并添加async属性。这样脚本将在下载完成后立即执行，不会阻塞页面的解析和加载。示例代码如下：

<script async>
  // 在这里编写需要执行的JavaScript函数
</script>

需要注意的是，以上方法适用于在页面加载完成后执行JavaScript函数。如果需要在特定元素加载完成后执行函数，可以使用MutationObserver来监听元素的变化，并在变化发生时执行相应的函数。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm