当我尝试将 javascript 文件链接到 html 时，为什么浏览器显示文件未找到错误？

Question

我有一个空<p>标签，当我单击“提交”按钮时，我想更改它的文本：

<div class="error">

    <p id='error'></p>

</div>

这是我将 html 文件链接到 javascript 文件的方式：

<script type="text/javascript" src='sign-up.js'></script>

这是 JavaScript 代码：

function signup(){

document.getElementById('error').value = "This website is'nt finished yet, You can't signup";

};

这是应该执行任务的按钮：

<input id="submit" type="submit" name="submit" value="CREATE ACCOUNT" onclick="signup()">

但问题是当我单击按钮时，浏览器向我显示此错误：

ERR_FILE_NOT_FOUND

它说也许文件已被移动。那么解决办法是什么？注意（我正在计算机的同一目录中运行所有文件）

Answer 1

JavaScript 运行后，表单将立即提交（您确实单击了提交按钮）action到<form>.它不存在，因此浏览器显示错误。遵循渐进增强和不显眼的 JavaScript原则，您应该首先在该 URL 上构建表单的服务器端处理。然后您可以查看阻止单击提交按钮的默认行为。如果永远不会有任何服务器端处理，那么首先使用提交按钮就没有意义。您应该使用type="button"它（并且可以action在使用时删除它。）除此之外，一旦你解决了这个问题，你就可以用你的 JS 来解决问题了。您正在尝试设置段落的值。段落没有值，只有表单控件（如输入）有值。您可能想改为设置textContent。

Answer 2

如果您使用标签，为什么不将 JavaScript 集成到实际程序中呢？只需将其敲入这些标签之间，它就会像魅力一样发挥作用。否则，请尝试在“src=”之后输入整个路径。只要您不将 JavaScript 文件从保存位置移走，这通常就可以工作。这看起来像<script type="text/javascript" src='C:\User\ (navigate through your files and folders to get to sign-up.js)'></script>&nbsp;这个方法只是一个权宜之计；将 JavaScript 放在标签之间是最好的解决方案。

Answer 3

尝试像这样链接它们<script src="sign-up.js"></script>你的函数要这样重写function signup(){&nbsp; &nbsp; let errorMessage = 'This website isnt finished yet, You cant signup';&nbsp; &nbsp;let error = document.getElementById('error') ;&nbsp; &nbsp;error.textContent = errorMessage;&nbsp; &nbsp; };它已经过测试并且可以工作

Answer 4

*clear&nbsp;the&nbsp;cookies&nbsp;and&nbsp;try&nbsp;running&nbsp;in&nbsp;a&nbsp;different&nbsp;browser.* -hopefully&nbsp;it&nbsp;should&nbsp;work删除重复的选项卡扩展禁用 Chrome 扩展程序重置谷歌浏览器修复开发扩展时的 ERR_FILE_NOT_FOUND 错误