在传统前端开发中，可将 CSS 和 JavaScript 代码写在单独文件里，再引入 HTML 文件。 !DOCTYPE htmlhtml lang="zh"head meta charset="UTF-8" title引入外部文件示例/title link rel="stylesheet" href="styles.css"/headbody h1外部文件引入示例/h1 script src="script.js"/script/body/html /* styles.css */body { background-color: lightgray; // 运行结果：页面背景变为浅灰色} // script.jsconsole.log('外部脚本已加载'); // 运行结果：在控制台输出“外部脚本已加载” 要确保引入文件的路径正确，不然文件无法加载。