Mengapa Kod JavaScript Saya Tidak Berfungsi di JSFiddle.net?

JavaScript Tidak Berfungsi pada JSFiddle.net

Kod yang disediakan berfungsi pada tapak langsung tetapi gagal dijalankan pada JSFiddle.net, menghasilkan ralat seperti "ReferenceError: fillList is not definition" dan "ReferenceError: mySelectList is not definition."

Penjelasan:

Ralat berlaku kerana fungsi yang dirujuk dalam HTML ("fillList()" dan "findIt()") ditakrifkan dalam fungsi "window.onload". Dalam konteks ini, fungsi ini hanya boleh diakses dalam fungsi onload dan tidak boleh dirujuk sebagai pembolehubah global.

Penyelesaian:

Untuk menyelesaikan isu ini, anda mempunyai tiga pilihan :

1. Tukar Definisi Fungsi:

   • Ubah suai takrifan fungsi daripada "function blah(){}" kepada "window.blah = function(){};". Ini menjadikan fungsi global dan boleh diakses daripada HTML.

2. JavaScript yang tidak mengganggu:

   • Asingkan JavaScript daripada HTML dan lampirkan pengendali acara pada elemen DOM semata-mata melalui JavaScript. Ini menghapuskan pergantungan pada fungsi global.

3. Laraskan Tetapan JSFiddle:

   • Tukar tetapan JSFiddle kepada "tiada bungkus (badan atau kepala)," yang menghalang JSFiddle daripada melampirkan kod dalam fungsi window.onload.

Cadangan:

Pilihan b (JavaScript tidak mengganggu) ialah pendekatan yang disyorkan kerana ia mengikut amalan terbaik untuk memisahkan HTML daripada logik. Ini menggalakkan kebolehselenggaraan dan meningkatkan kebolehgunaan semula kod.

Atas ialah kandungan terperinci Mengapa Kod JavaScript Saya Tidak Berfungsi di JSFiddle.net?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!