页面刷新时运行函数的最佳方式

可以通过以下方法实现：

使用window.onload事件：将需要在页面加载完成后执行的函数绑定到window.onload事件上。该事件在整个页面及其所有资源（如图片、样式表等）加载完成后触发。例如：

window.onload = function() {
  // 在这里编写需要在页面加载完成后执行的代码
}

优势：确保页面及其资源加载完成后再执行函数，避免因为资源未加载完成而导致错误。适用于需要操作DOM元素或其他需要页面加载完成后才能进行的操作。

应用场景：页面加载完成后执行某些初始化操作，如获取并渲染页面数据、绑定事件等。

推荐的腾讯云相关产品：无

使用DOMContentLoaded事件：将需要在DOM结构加载完成后执行的函数绑定到DOMContentLoaded事件上。该事件在DOM解析完成后触发，不需等待其他资源的加载完成。例如：

document.addEventListener("DOMContentLoaded", function() {
  // 在这里编写需要在DOM结构加载完成后执行的代码
});

优势：无需等待其他资源的加载完成，可以更快地执行函数。适用于只需要操作DOM元素的简单操作。

应用场景：在DOM结构加载完成后执行一些DOM操作，如修改元素内容、样式等。

推荐的腾讯云相关产品：无

使用defer属性：将需要在页面解析完成后执行的函数作为外部脚本文件引入，并在script标签中添加defer属性。例如：

<script src="script.js" defer></script>

优势：确保函数在页面解析完成后执行，而无需等待其他资源的加载完成。

应用场景：在外部脚本中定义需要在页面解析完成后执行的函数。

推荐的腾讯云相关产品：无

总结：页面刷新时运行函数的最佳方式取决于具体需求。如果需要等待页面及其所有资源加载完成后执行函数，可以使用window.onload事件。如果只需要等待DOM结构加载完成后执行函数，可以使用DOMContentLoaded事件。如果将函数定义在外部脚本中，并确保在页面解析完成后执行，可以使用defer属性。