侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

javascript处理HTML的解码(Decode)的常用方式

2024-05-06 星期一 / 0 评论 / 0 点赞 / 62 阅读 / 1936 字

首先动态创建一个容器标签元素,如DIV,然后将要转换的字符串设置为这个元素的innerHTML(IE,火狐,google都支持),最后返回这个元素的innerText(IE支持)或者textConte

      首先动态创建一个容器标签元素,如DIV,然后将要转换的字符串设置为这个元素的innerHTML(IE,火狐,google都支持),最后返回这个元素的innerText(IE支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。

HTML代码

<body style="background-color: #fff">   <h2 style="width: 100%; height: 1.02rem;  border-bottom: 1px #F7F7F7 solid;     text-align: center; line-height: 1.02rem">${app.content}</h2>     <div style="padding: 0.3rem;font-size: 0.3rem;        line-height: 0.28rem;  line-height: 0.45rem;text-indent: 0.2rem;">     <div id="context">${app.content}</div>	       </div></body>

将decode方法封装到HtmlUtil工具类中,方便在开发中使用。

javascript处理HTML Decode实例代码

var conttext=document.getElementById("conttext").innerHTML;var HtmlUtil = {    /*1.用浏览器内部转换器实现html转码*/    htmlEncode:function (html){      //1.首先动态创建一个容器标签元素,如DIV      var temp = document.createElement ("div");      //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持)      (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html);      var output = temp.innerHTML;      temp = null;      return output;    },    htmlDecode:function (text){      //1.首先动态创建一个容器标签元素,如DIV      var temp = document.createElement("div");      temp.innerHTML = text;      var output = temp.innerText || temp.textContent;      temp = null;      return output;    }};var decodeHtml = HtmlUtil.htmlDecode(conttext);document.getElementById("conttext").innerHTML=decodeHtml;

 

广告 广告

评论区