Mengapa Skrip Tidak Ditambah melalui innerHTML Sentiasa Laksanakan dan Bagaimana Saya Boleh Membetulkannya?-tutorial js-php.cn

Mengapa Skrip Tidak Ditambah melalui innerHTML Sentiasa Laksanakan dan Bagaimana Saya Boleh Membetulkannya?

Patricia Arquette

Lepaskan： 2024-12-23 00:22:10

asal

691 orang telah melayarinya

Why Don't Scripts Added via innerHTML Always Execute, and How Can I Fix It?

Bolehkah Skrip Digabungkan dengan innerHTML?

Memasukkan skrip ke dalam halaman menggunakan innerHTML ke

boleh menyebabkan skrip muncul dalam DOM tanpa pelaksanaan dalam penyemak imbas seperti Firefox dan Chrome. Artikel ini meneroka sebab di sebalik tingkah laku ini dan menyediakan penyelesaian untuk menjadikan skrip tersebut boleh dilaksanakan.

HTML yang disediakan dalam kod sampel menunjukkan percubaan pelaksanaan skrip dalam

menggunakan innerHTML. Walau bagaimanapun, mesej makluman yang dikehendaki "hai" tidak muncul, menunjukkan kegagalan skrip untuk dijalankan.

Untuk menangani isu ini, kami membentangkan kaedah yang menggantikan semua skrip tidak boleh laku secara rekursif dengan skrip boleh laku. Kaedah ini, yang dikenali sebagai nodeScriptReplace, merentasi pepohon DOM dan mengenal pasti elemen skrip. Jika skrip tidak boleh laku ditemui, ia mengklonkan skrip, menetapkan kandungan boleh laku dan menggantikan elemen skrip asal, membolehkannya dilaksanakan.

Selain itu, fungsi nodeScriptClone mencipta elemen skrip boleh laku dengan mengekstrak innerHTML skrip tidak boleh laku dan menetapkan atributnya. Atribut ini dipindahkan ke skrip boleh laku baharu, memastikan kelakuan yang betul.

Fungsi nodeScriptIs menyemak sama ada nod yang diberikan ialah elemen skrip dengan memeriksa nama tegnya.

Untuk melaksanakan skrip dan paparan amaran "hai", hanya panggil nodeScriptReplace pada elemen akar halaman. Coretan kod di bawah menunjukkan perkara ini:

nodeScriptReplace(document.getElementsByTagName("body")[0]);

Salin selepas log masuk

Kaedah ini menyediakan mekanisme yang teguh untuk melaksanakan skrip yang ditambahkan pada halaman menggunakan innerHTML, memastikan kefungsian yang dimaksudkan.

Atas ialah kandungan terperinci Mengapa Skrip Tidak Ditambah melalui innerHTML Sentiasa Laksanakan dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Pengujian Penyepaduan: Memastikan Interaksi Perisian Lancar Artikel seterusnya：Mengoptimumkan Prestasi dengan penggunaan ReactMemo Hook: Menghafal Pengiraan Mahal

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2308

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2437

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

2057

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...