
这里的"JavaScript"并不是一个有效的JavaScript MIME类型。根据MDN Web文档,浏览器识别的JavaScript MIME类型主要是text/javascript。当type属性被设置为一个非标准或无效的值时,浏览器会将其视为一个“数据块”而非可执行的脚本。这意味着script.js文件中的addUser()函数根本不会被加载到页面上下文中。 当用户提交表单时,浏览器尝试执行onsubmit="addUser(); return false;"。由于addUser()函数未被定义(因为它所在的脚本文件没有被解析),调用addUser()会导致一个JavaScript错误。这个错误会中断onsubmit事件的处理流程,使得return false语句永远无法被执行到。因此,表单的默认提交行为没有被阻止,页面随即刷新。 解决此问题的关键在于确保浏览器能够正确识别并加载你的JavaScript文件。有两种推荐的方法: 将 这是过去常用且完全有效的方法。浏览器会识别text/javascript为JavaScript代码,并正确解析执行script.js中的内容。 对于现代浏览器,当引入外部JavaScript文件时,最推荐的做法是完全省略type属性: 当
解决方案:正确的JavaScript脚本引入方式
1. 使用标准的JavaScript MIME类型
2. 省略type属性(推荐)