No JavaScript, o método comum é usar o Encodeuri (decodeuri) e o codeuricomponent (decodeuricomponent). Os métodos e diferenças de uso específicos são usados.
Mas como escapar inversamente HTML em JavaScript? Por exemplo, o seguinte código:
var jSondata = {title: "< %= data.name? data.name: title %>", desc: "< %= data.content? Data.Content: '' %>", imagem: "< %- data.img? Data.img: '' %>"};A peça embrulhada em < %= %> é o valor retornado do servidor (o código no exemplo acima é retirado do código do modelo Express EJS em node.js). Se a sequência retornada do servidor contiver cotações, como cotações únicas ou duplas, o código JS acima terá um erro ao interpretá -lo no navegador. Como resolver esse problema?
A idéia básica é inverter a string html através do atributo InnerHTML do elemento DOM na página e, em seguida, retornar o valor à variável JavaScript. Veja os dois códigos a seguir:
1. Método de redação de javascript nativo:
função htmldecode (input) {var e = document.createElement ('div'); e.innerhtml = entrada; retornar e.childnodes.length === 0? "": e.ChildNodes [0] .NodEvalue;} htmldecode ("<img src = 'myImage.jpg'>");2. Método de redação do jQuery:
função htmldecode (value) {return $ ('<div/>'). html (value) .text (); }A primeira função usa o método JavaScript nativo para criar um elemento Div e, em seguida, atribui a sequência que precisa ser inversamente escapada para sua propriedade InnerHTML e finalmente retorna o valor da propriedade Nodevalue do elemento Div. A segunda função usa o método do jQuery e seus princípios básicos são os mesmos da primeira função. Como os elementos da DIV são criados apenas na memória e não são anexos ou inertes à página, eles não terão nenhum impacto na página existente.
Finalmente, alteramos o código inicial para o seguinte método:
var jSondata = {title: $ ('<div/>'). html ("< %= data.name? data.name: title %>"). text (), desc: $ ('<div/>').Isso permite a inversão HTML de strings devolvidas pelo servidor no JavaScript.
A explicação detalhada acima da fuga reversa do HTML em JavaScript é todo o conteúdo que compartilho com você. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.