為什么當我嘗試將 javascript 文件鏈接到 html 時瀏覽器顯示找不到文件錯誤？

Question

我有一個空的<p>標簽，當我單擊 sumbit 按鈕時，我想更改它的文本：

<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 運行后，立即將表單提交（您確實單擊了提交按鈕）到<form>的action屬性中指定的 URL 。

它不存在，因此瀏覽器顯示錯誤。

---

遵循漸進增強和不顯眼的 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

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

• 刪除重復的選項卡擴展
• 禁用 Chrome 擴展程序
• 重置谷歌瀏覽器
• 修復開發擴展時的 ERR_FILE_NOT_FOUND 錯誤

Answer 4

嘗試像這樣鏈接它們

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

和你的 function 像這樣重寫

function signup(){
    let errorMessage = 'This website isnt finished yet, You cant signup';
   let error = document.getElementById('error') ;
   error.textContent = errorMessage;
    };

它已經過測試並且可以正常工作