原子：Javascript 在將代碼放在主體 HTML 后顯示“ReferenceError：文檔未定義”

Question

Javascript 腳本顯示：

ReferenceError：運行此代碼時未定義文檔

HTML 和 JS ：

 const button = document.querySelector('#click') button.addEventListener('click',()=>{ alert('clicked') })

 <.DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>practice</title> </head> <body> <button type="button" id="click" name="button">click me</button> <script src="Pracitce.js" charset="utf-8"></script> </body> </html>

此外，當我在 Chrome 瀏覽器上運行HTML時，單擊事件不會觸發任何內容。 如何將我的兩個文件合二為一？ 將“腳本”與源代碼放在一起后有什么問題？

Answer 1

Your browser window object has document property in it, you need to link your JS file with your HTML file and then run your HTML file and view the output in the browser.

您還可以在瀏覽器中使用console來運行示例 JS 代碼。

您可以在此處了解有關document object 的更多信息

原子：Javascript 在將代碼放在主體 HTML 后顯示“ReferenceError：文檔未定義”

問題描述

1 個解決方案

解決方案1
0 2021-02-12 19:41:03

原子：Javascript 在將代碼放在主體 HTML 后顯示“ReferenceError：文檔未定義”

問題描述

1 個解決方案

解決方案1 0 2021-02-12 19:41:03

解決方案1
0 2021-02-12 19:41:03