Android端HTML页面异常：表单提交内容消失及文件访问错误排查

1. 点击按钮后内容短暂显示即消失的修复 #

你的按钮是type="submit"，放在<form>标签内时，点击会触发表单默认提交行为，导致页面刷新，输入内容刚显示就被清空。有两种解决方式：

方式一：修改按钮类型 #

把按钮的type从submit改成button，彻底避免表单提交：

<button type="button" onclick="mpmInput()">Enter</button>

方式二：阻止表单默认行为 #

如果需要保留submit类型，修改JS函数并传递事件参数：

function mpmInput(e) {
    // 阻止页面刷新
    e.preventDefault();
    mpmi = document.getElementById("mi").value;
    document.getElementById("oq").innerHTML = mpmi;
}

对应的HTML按钮也要传递事件：

<button type="submit" onclick="mpmInput(event)">Enter</button>

2. Chrome提示"err_file_not_found"的修复 #

这个错误是JS文件加载失败导致的，主要有两个问题：

问题一：script标签属性写错 #

你把type="text/javascript"写成了text="text/javascript"，浏览器无法识别脚本类型，修正后的标签：

<script type="text/javascript" src="./scripts/Calc.js"></script>

问题二：文件路径或结构错误 #

• 确认项目文件夹结构：HTML文件同级必须有scripts子文件夹，且里面确实有Calc.js文件
• 检查文件名/文件夹名的拼写，包括大小写，平板本地文件系统可能区分大小写

另外，你的HTML代码里有个多余的</section>标签，没有对应的开头标签，建议删掉，避免结构错误。

内容的提问来源于stack exchange，提问作者user17065575