為什麼我的 JavaScript 程式碼無法在 JSFiddle.net 上運行？

JavaScript 無法在JSFiddle.net 上運行

提供的程式碼可以在實時站點上運行，但無法在JSFiddle.net 上運行，從而產生錯誤例如「ReferenceError：fillList未定義」和「ReferenceError：mySelectList未定義」

解釋：

發生錯誤是因為HTML 中引用的函數（ “fillList()”和“findIt()”）是在“window.onload”函數。在這種情況下，這些函數只能在 onload 函數中訪問，不能作為全域變數來引用。

解決方案：

要解決此問題，您有以下三種選擇:

1. 更改功能定義：

   • 將函數定義從「function blah(){}」修改為「window.blah = function(){};」。這使得函數成為全域的並且可以透過 HTML 進行存取。

2. 不顯眼的JavaScript：

   • 將JavaScript 與JavaHTML 分開並僅透過JavaScript 將事件處理程序附加到DOM 元素。這消除了對全域函數的依賴。

3. 調整JSFiddle 設定：

   • 將JSFiddle 設定更改為“不換行” （body🎜>
   將JSFiddle 設定更改為“不換行” （body🎜>”這會阻止JSFiddle 將程式碼包含在window.onload 中

建議：

選項b（不引人注目的JavaScript ）是建議的方法，因為它遵循將HTML 與邏輯。

以上是為什麼我的 JavaScript 程式碼無法在 JSFiddle.net 上運行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！