zoukankan      html  css  js  c++  java
  • 在JavaScript中对HTML进行反转义

    1. 原生JavaScript写法:

    复制代码
    function 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. JQuery写法:

    function htmlDecode(value){ 
      return $('<div/>').html(value).text(); 
    }

      第一个函数使用原生的JavaScript方法创建一个DIV元素,然后将需要反转义的字符串赋值给它的innerHTML属性,最后返回DIV元素的nodeValue属性的值。第二个函数则使用JQuery的方法,其基本原理和第一个函数相同。由于DIV元素都只是在内存中创建,并未append或inert到页面上,所以不会对现有的页面产生任何影响。

      最后,我们将一开始的那段代码改成下面的这种方式:

    var jsonData = {
        title: $('<div/>').html("<%= data.name? data.name : title %>").text(),
        desc: $('<div/>').html("<%= data.nontent? data.nontent : '' %>").text(),
        image: "<%- data.img? data.img : '' %>"
    };

       这样便可以在JavaScript中对服务器端返回的字符串进行HTML反转义操作了。

  • 相关阅读:
    Dagger2 (二) 进阶篇
    Dagger2 (一) 入坑篇
    RoboGuice 3.0 (三)总结篇
    RoboGuice 3.0 (二)进阶篇
    RoboGuice 3.0 (一)入坑篇
    spring源码
    Java transient关键字使用
    Spring源码学习
    jvm系列(一):java类的加载机制
    Java中newInstance()和new()
  • 原文地址:https://www.cnblogs.com/hongmaju/p/6410764.html
Copyright © 2011-2022 走看看