Bagaimana untuk menukar html kepada rentetan

Dalam pengeluaran dan pembangunan halaman web, kami selalunya perlu menukar kod HTML ke dalam format rentetan untuk memudahkan penghantaran, penyimpanan, operasi, dsb. Seterusnya, kami akan meneroka cara menukar HTML kepada rentetan.

1. Gunakan fungsi escape

escape ialah fungsi terbina dalam JavaScript yang boleh menukar aksara bukan ASCII dalam rentetan kepada bentuk %xx. Apabila memproses kod HTML, kita boleh menggunakan escape untuk menukar kod HTML ke dalam format rentetan.

Kod sampel:

var html = "<div>这是一段HTML代码</div>";
var str = escape(html);
console.log(str); // %3Cdiv%3E%E8%BF%99%E6%98%AF%E4%B8%80%E6%AE%B5HTML%E4%BB%A3%E7%A0%81%3C%2Fdiv%3E

Nota: Rentetan yang ditukar menggunakan escape perlu ditukar kembali kepada kod HTML asal menggunakan fungsi unescape.

2. Gunakan fungsi encodeURIComponent

encodeURIComponent ialah fungsi terbina dalam JavaScript yang boleh menukar aksara khas dalam rentetan kepada bentuk %xx. Apabila memproses kod HTML, kami boleh menggunakan encodeURIComponent untuk menukar kod HTML ke dalam format rentetan.

Kod sampel:

var html = "<div>这是一段HTML代码</div>";
var str = encodeURIComponent(html);
console.log(str); // %3Cdiv%3E%E8%BF%99%E6%98%AF%E4%B8%80%E6%AE%B5HTML%E4%BB%A3%E7%A0%81%3C%2Fdiv%3E

Nota: Rentetan yang ditukar menggunakan encodeURIComponent perlu ditukar kembali kepada kod HTML asal menggunakan fungsi decodeURIComponent.

3 Gunakan atribut innerHTML

Atribut innerHTML bagi elemen dalam HTML boleh mendapatkan atau menetapkan kandungan HTML elemen tersebut. Kita boleh mendapatkan kod HTML melalui atribut innerHTML, dan kemudian menggunakan fungsi JSON.stringify() untuk menukarnya kepada format rentetan.

Kod sampel:

var html = "<div>这是一段HTML代码</div>";
var div = document.createElement("div");
div.innerHTML = html;
var str = JSON.stringify(div.innerHTML);
console.log(str); // "\"<div>这是一段HTML代码</div>\""

Nota: Rentetan yang ditukar akan mempunyai petikan, kita perlu menggunakan fungsi eval() untuk menukarnya kembali kepada kod HTML asal.

Ringkasan

Di atas ialah tiga cara untuk menukar kod HTML kepada format rentetan. Setiap kaedah mempunyai kelebihan dan kekurangannya, dan kita boleh memilih kaedah yang sesuai mengikut situasi tertentu. Apabila menggunakannya, anda juga perlu ambil perhatian bahawa rentetan yang ditukar perlu ditukarkan semula kepada kod HTML asal.

Atas ialah kandungan terperinci Bagaimana untuk menukar html kepada rentetan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!