index.html引入JS后无响应?如何排查index.html脚本错误?
- 内容介绍
- 文章标签
- 相关推荐
本文共计998个文字,预计阅读时间需要4分钟。
最常见的问题是+JS+文件路径写错,或者script标签位置/属性不正确。浏览器根本没加载或执行JS,自然没反应。
确认以下几点:
-
src路径是相对index.html所在目录的,比如 JS 在js/main.js,就得写<script src="js/main.js"></script>,而不是./js/main.js或/js/main.js(除非你用了服务器且配置了根路径) - 不要在内联
<script>...</script>里混用src属性——两者互斥,写了src,标签体内容会被忽略 - 如果脚本依赖 DOM 元素(比如
document.getElementById("btn")),确保script标签放在 HTML 内容之后,或加defer属性(<script src="main.js" defer></script>),否则可能取不到元素
打开浏览器开发者工具看控制台错误
按 F12 或 Cmd+Option+I(Mac),切到 Console 标签页——所有 JS 执行错误、语法问题、404 加载失败都会直接显示在这里。
本文共计998个文字,预计阅读时间需要4分钟。
最常见的问题是+JS+文件路径写错,或者script标签位置/属性不正确。浏览器根本没加载或执行JS,自然没反应。
确认以下几点:
-
src路径是相对index.html所在目录的,比如 JS 在js/main.js,就得写<script src="js/main.js"></script>,而不是./js/main.js或/js/main.js(除非你用了服务器且配置了根路径) - 不要在内联
<script>...</script>里混用src属性——两者互斥,写了src,标签体内容会被忽略 - 如果脚本依赖 DOM 元素(比如
document.getElementById("btn")),确保script标签放在 HTML 内容之后,或加defer属性(<script src="main.js" defer></script>),否则可能取不到元素
打开浏览器开发者工具看控制台错误
按 F12 或 Cmd+Option+I(Mac),切到 Console 标签页——所有 JS 执行错误、语法问题、404 加载失败都会直接显示在这里。

