Dalam JavaScript, metode umum adalah menggunakan encodeuri (decodeuri) dan encodeuricomponent (decodeuricomponent). Metode dan perbedaan penggunaan spesifik digunakan.
Tapi bagaimana cara terbalik dari HTML di JavaScript? Misalnya, kode berikut:
var jsondata = {title: "< %= data.name? data.name: title %>", desc: "< %= data.content? data.content: '' %>", gambar: "< %- data.img? data.img: '' %>"};Bagian yang dibungkus < %= %> adalah nilai yang dikembalikan dari server (kode dalam contoh di atas diambil dari kode template EJS Express di node.js). Jika string yang dikembalikan dari server berisi kutipan, seperti kutipan tunggal atau ganda, maka kode JS di atas akan memiliki kesalahan saat menafsirkannya di browser. Bagaimana cara menyelesaikan masalah ini?
Ide dasarnya adalah membalikkan string html melalui atribut innerHTML dari elemen DOM pada halaman, dan kemudian mengembalikan nilai ke variabel JavaScript. Lihatlah dua kode berikut:
1. Metode Penulisan Javascript Asli:
fungsi htmldecode (input) {var e = document.createElement ('div'); E.InnerHTML = input; return e.childnodes.length === 0? "": e.childnodes [0] .nodevalue;} htmldecode ("<img src = 'myimage.jpg'>");2. Metode Penulisan JQuery:
fungsi htmldecode (value) {return $ ('<div/>'). html (value) .text (); }Fungsi pertama menggunakan metode JavaScript asli untuk membuat elemen div, kemudian menetapkan string yang perlu diloloskan ke properti bagian dalamnya, dan akhirnya mengembalikan nilai properti NodEvalue dari elemen Div. Fungsi kedua menggunakan metode JQuery, dan prinsip -prinsip dasarnya sama dengan fungsi pertama. Karena elemen div hanya dibuat dalam memori dan tidak ditambahkan atau inert ke halaman, mereka tidak akan berdampak pada halaman yang ada.
Akhirnya, kami mengubah kode awal ke metode berikut:
var jsondata = {title: $ ('<v/>'). html ("<%= data.name? data.name: title%>"). text (), desc: $ ('<div/>'). html ("<%= data.notent? Data.notent: ''%>"). TEKS (). %> "};Hal ini memungkinkan inversi string HTML yang dikembalikan oleh server di JavaScript.
Penjelasan terperinci di atas tentang pelarian terbalik HTML di JavaScript adalah semua konten yang saya bagikan dengan Anda. Saya harap ini dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.