
本文解决因 `<script>` 标签属性拼写错误(`scr` 误写为 `src`)导致外部 <a style="color:#f60; text-decoration:underline;" title= "js" href="https://www.php.cn/zt/15802.html" target="_blank">js 文件未加载、输入框值无法读取的问题,并提供完整可运行的聊天机器人交互实现方案。</script>
在开发基于 HTML + JavaScript 的简易聊天机器人时,一个看似微小却极易被忽略的拼写错误,可能导致整个交互逻辑完全失效——而浏览器控制台甚至不会报错。问题根源就藏在 <script> 标签中:</script>
<!-- ❌ 错误写法:属性名 "scr" 不存在 --> <script scr="js/main.js"></script>
该写法中的 scr 是无效属性,浏览器会直接忽略此标签,main.js 根本未执行。因此,即使你的 JavaScript 逻辑(如 textbox.value 获取输入内容、sendBtn.addEventListener 绑定点击事件)完全正确,也会表现为“点击无反应”“输入内容不显示”等静默失败现象。
✅ 正确写法应为标准属性 src(source 的缩写):
<!-- ✅ 正确写法 --> <script src="js/main.js"></script>
此外,为确保 DOM 元素已加载完成再执行脚本,建议将 <script> 标签移至 </script>










