不推荐。onload绑定在上不可靠：它必须等待所有资源（图片、css、iframe等）加载完毕才触发，导致初始化逻辑延迟、白屏时间长；应改用domcontentloaded事件，仅待dom解析完成即执行，响应更快、体验更优。
onload 事件绑定在
不推荐。现代浏览器中，onload 触发时机太晚——它必须等所有资源（图片、CSS、iframe 等）都加载完成才执行，而你的初始化脚本往往只需要 DOM 就绪即可。用户可能看到白屏几秒后才触发逻辑，体验差，且容易误判为卡死。
document.addEventListener('DOMContentLoaded') 是更优替代
它只等 HTML 解析完毕、DOM 构建完成就触发，不等待图片、样式表等外部资源，响应更快、更符合“初始化 DOM”的真实需求。
实操建议：
- 把初始化逻辑（如绑定事件、操作元素）写进回调函数里
- 确保脚本放在
底部，或使用defer属性（<script defer src="init.js"></script>） - 避免在回调里访问尚未插入 DOM 的动态生成元素（比如还没执行的
document.createElement）
示例：
document.addEventListener('DOMContentLoaded', () => {
const btn = document.getElementById('submit-btn');
if (btn) btn.addEventListener('click', handleSubmit);
});
如果非要用
仅适用于极简场景（如老系统兼容、单页无交互静态页），但必须注意：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
onload值是字符串，执行环境是全局作用域，无法直接访问闭包或模块内变量 - 函数名必须是全局可访问的（比如挂在
window上），否则报ReferenceError: xxx is not defined - 多个初始化逻辑拼接容易出错，不如统一入口管理
错误写法： —— 若 loadConfig 报错，后续调用中断，且无堆栈提示
勉强可用写法：，前提是 window.init 已定义
现代项目该用什么？
ES 模块环境下，直接导出初始化函数，在入口脚本中调用：
import { initApp } from './app.js';
initApp(); // 在模块顶层执行，DOM 已就绪（因 script 标签含 <code>type="module"</code>，默认 defer 行为）
React/Vue 等框架自有生命周期钩子（如 useEffect(() => {}, []) 或 mounted），不要绕回 onload。
真正需要等全部资源加载完成的场景极少（比如统计图片加载耗时），那时才考虑 window.addEventListener('load', ...)，而非 。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
