js 字串转换HTML,js转化html字符

js 字串转换HTML,js转化html字符/*1.用浏览器内部转换器实现html转码*/htmlEncode:function(html){//1.首先动态创建一个容器标签元素,如DIVvartemp=document.createElement(“div”);//2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持)(temp.textContent!=u…

大家好,又见面了,我是你们的朋友全栈君。

/*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);

//3.最后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串了

var output = temp.innerHTML;

temp = null;

return output;

},

/*2.用浏览器内部转换器实现html解码*/

htmlDecode:function (text){

//1.首先动态创建一个容器标签元素,如DIV

var temp = document.createElement(“div”);

//2.然后将要转换的字符串设置为这个元素的innerHTML(ie,火狐,google都支持)

temp.innerHTML = text;

//3.最后返回这个元素的innerText(ie支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。

var output = temp.innerText || temp.textContent;

temp = null;

return output;

},

/*3.用正则表达式实现html转码*/

htmlEncodeByRegExp:function (str){

var s = “”;

if(str.length == 0) return “”;

s = str.replace(/&/g,”&”);

s = s.replace(/

s = s.replace(/>/g,”>”);

s = s.replace(/ /g,” “);

s = s.replace(/\’/g,”‘”);

s = s.replace(/\”/g,”””);

return s;

},

/*4.用正则表达式实现html解码*/

htmlDecodeByRegExp:function (str){

var s = “”;

if(str.length == 0) return “”;

s = str.replace(/&/g,”&”);

s = s.replace(/

s = s.replace(/>/g,”>”);

s = s.replace(/ /g,” “);

s = s.replace(/’/g,”\'”);

s = s.replace(/”/g,”\””);

return s;

}

};

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/160675.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • jetty配置文件_jetty服务日志配置

    jetty配置文件_jetty服务日志配置jetty9配置contextPath说明:目录结构:webapps——-demo.war——-demo.xmldemo.xml文件内容//webapps/demo.war

    2022年9月17日
  • n皇后问题有几个解_求n的阶乘java代码

    n皇后问题有几个解_求n的阶乘java代码N皇后问题是一个经典的问题,在一个N*N的棋盘上放置N个皇后,每行一个并使其不能互相攻击(同一行、同一列、同一斜线上的皇后都会自动攻击)。n皇后问题不算是陈词滥调,也是老生常谈了,作为回溯的经典案例,有递归和非递归两种实现方式,同时,除了回溯算法,最近我在网上查了下看到还可以用位运算来解决这个问题。本次趁着本学期算法课程的期末要求,我将对两种算法的实验效果进行分析。1、使用回溯解决n皇后问

    2022年9月30日
  • 开源代码网站

    开源代码网站!!!github!!!codepen!!!码云(1)到sourceforge上查找相关代码;(2)到google code上面查找具体的代码;(3)到apache网站上寻找java的相关代码;(4)直接到开源项目网站上面寻找代码;(5)到csdn等网站下载代码,偶尔会有意外的收获;(6)到图书出版社下载图书附录的代码;

    2022年7月15日
  • 【linux命令】 tree命令

    【linux命令】 tree命令文章目录Tree命令安装方法一,yum安装方法二,源码安装Tree命令安装方法一,yum安装命令:yuminstalltree方法二,源码安装1.下载安装包,地址:http://mama.indstate.edu/users/ice/tree/2.解压安装1)Linux环境(CentOS6.5)下安装a.解压tree-1.7.0.tgz文件,命令:tar-zxvftree-1.7.0.tgzb.进入解压目录中,命令:cdtree-1.7.0      c.安装文件,命令:

    2022年7月24日
  • oracle创建表的sql语句「建议收藏」

    oracle创建表的sql语句「建议收藏」1.oracle创建表sql语句

    2022年10月16日
  • Laravel 5.2+ 使用url()全局函数返回前一个页面的地址

    Laravel 5.2+ 使用url()全局函数返回前一个页面的地址

    2021年11月9日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号