Bagaimana untuk Melarikan Petikan dalam JavaScript untuk Atribut HTML?

Barbara Streisand
Lepaskan: 2024-11-13 12:34:02
asal
1040 orang telah melayarinya

How to Escape Quotes in JavaScript for HTML Attributes?

Melepaskan Petikan dalam JavaScript untuk Atribut HTML

Apabila mengeluarkan nilai daripada pangkalan data ke halaman HTML, adalah penting untuk mengendalikan aksara tertentu, seperti petikan, dengan betul untuk mengelakkan tingkah laku yang tidak dijangka.

Pertimbangkan contoh di mana rentetan yang diambil daripada pangkalan data perlu digunakan sebagai parameter dalam atribut HTML onclick:

<a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a>
Salin selepas log masuk

Jika DESCRIPTION mengandungi ruang dan petikan, seperti sebagai:

Prelim Assess "Mini" Report
Salin selepas log masuk

Firefox memotong atribut onclick secara pramatang selepas ruang dalam "Menilai" disebabkan petikan berganda selepas "Menilai".

Untuk menyelesaikan isu ini, anda perlu "melarikan diri" " petikan yang menyusahkan. Walaupun menggunakan aksara melarikan diri JavaScript tidak mencukupi dalam konteks HTML ini, pendekatan berbeza diperlukan.

Penyelesaian melibatkan menggantikan aksara petikan berganda dengan perwakilan entiti XML yang sepadan, ". Ini akan memastikan bahawa petikan berganda ditafsirkan sebagai pembatas rentetan dalam atribut HTML:

<a href="#" onclick="DoEdit('Preliminary Assessment &amp;quot;Mini&amp;quot;'); return false;">edit</a>
Salin selepas log masuk

Dengan melepaskan petikan berganda dalam rentetan, atribut onclick kini beroperasi seperti yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimana untuk Melarikan Petikan dalam JavaScript untuk Atribut HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan