В JavaScript общим методом является использование Encodeuri (decodeuri) и Encodeuricomponent (decodeuricomponent). Используются конкретные методы использования и различия.
Но как обратно избежать HTML в JavaScript? Например, следующий код:
var jsondata = {title: "< %= data.name? data.name: title %>", desc: "< %= data.content? data.content: '' %>", image: "< %- data.img? Data.img: '' %>"};Часть, завернутая в < %= %>, - это значение, возвращаемое с сервера (код в приведенном выше примере взят из кода шаблона Express EJS в node.js). Если строка, возвращаемая с сервера, содержит кавычки, такие как однократные или двойные кавычки, то приведенный выше код JS будет иметь ошибку при интерпретации в браузере. Как решить эту проблему?
Основная идея состоит в том, чтобы инвертировать строку HTML через атрибут innerhtml элемента DOM на странице, а затем вернуть значение переменной JavaScript. Посмотрите на следующие два кода:
1. Нативный метод написания JavaScript:
функция htmldecode (input) {var e = document.createElement ('div'); e.innerhtml = input; вернуть e.childnodes.length === 0? "": e.childnodes [0] .nodevalue;} htmldecode ("<img src = 'myimage.jpg'>");2. Метод написания jQuery:
функция htmldecode (value) {return $ ('<div/>'). html (value) .text (); }Первая функция использует нативный метод JavaScript для создания элемента DIV, затем назначает строку, которая необходимо обратно сбежать в свой свойство Innerhtml, и, наконец, возвращает значение свойства Nodevalue элемента Div. Вторая функция использует метод jQuery, а его основные принципы совпадают с первой функцией. Поскольку элементы DIV создаются только в памяти и не прилагаются или не являются инертными на страницу, они не окажут никакого влияния на существующую страницу.
Наконец, мы изменем начальный код на следующий метод:
var jsondata = {title: $ ('<div/>'). html ("< %= data.name? data.name: title %>"). Text (), desc: $ ('<div/>'). html ("< %= data.notent?Это позволяет HTML -инверсию строк, возвращаемых сервером в JavaScript.
Приведенное выше подробное объяснение обратного побега HTML в JavaScript - это все контент, которым я делюсь с вами. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.