当我尝试将 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> 这个方法只是一个权宜之计；将 JavaScript 放在标签之间是最好的解决方案。

Answer 3

尝试像这样链接它们

<script src="sign-up.js"></script>

你的函数要这样重写

function signup(){

    let errorMessage = 'This website isnt finished yet, You cant signup';

   let error = document.getElementById('error') ;

   error.textContent = errorMessage;

    };

它已经过测试并且可以工作

Answer 4

*clear the cookies and try running in a different browser.*
-hopefully it should work

• 删除重复的选项卡扩展

• 禁用 Chrome 扩展程序

• 重置谷歌浏览器

• 修复开发扩展时的 ERR_FILE_NOT_FOUND 错误