页面加载完毕js资源才加载怎么解决

可以通过以下几种方式来解决页面加载完毕后 js 资源才加载的问题：

1. 使用 defer 属性：在 script 标签中添加 defer 属性，可以使脚本在页面文档完全加载和解析之后再执行。

2. 使用 async 属性：在 script 标签中添加 async 属性，可以使脚本在下载完成后立即执行，但是执行的顺序可能与页面中元素的顺序不一致。

3. 将脚本放在 body 标签底部：将所有 JavaScript 脚本放在 body 标签底部，可以使页面文档在加载和解析完毕后再加载脚本。

4. 使用动态加载脚本：通过 JavaScript 动态创建 script 标签并设置其 src 属性，可以在页面加载完毕后再加载脚本。

5. 使用模块化加载：使用模块化加载工具如 RequireJS 或者 ES6 模块化，可以在需要时再加载脚本。

相关问题

js页面加载完毕事件

在JavaScript中，我们可以通过添加事件监听器来检测页面是否已经加载完毕。以下是实现该功能的示例代码：

window.addEventListener('load', function() {
  // 在这里写页面加载完毕后需要执行的代码
});

这里我们使用window对象的load事件来检测页面是否加载完毕。当页面完全加载完毕后，该事件就会触发，然后我们可以在回调函数中执行一些操作。

需要注意的是，这种方法只有在页面中所有资源都已经加载完毕后才会触发，包括图片、样式表、脚本等。如果我们只想检测文档对象是否已经加载完毕，可以使用DOMContentLoaded事件，如下所示：

document.addEventListener('DOMContentLoaded', function() {
  // 在这里写文档对象加载完毕后需要执行的代码
});

这种方法只有在文档对象加载完毕后就会触发，不需要等待其他资源的加载。

页面加载完毕调用

您可以通过在JavaScript代码中使用以下语法来在页面加载完毕后调用函数：

window.onload = function() {
  // 在此处编写您的代码
};

这将确保当整个页面及其所有资源（如图像和样式表）都已加载完成后才会执行您的代码。