欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码

时间:2021-05-16 09:38:44|栏目:JavaScript代码|点击:

方法一:

用的浏览器内部转换器实现转换,要领是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持),然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串,显示的时候反过来就可以了(实际上显示的时候不消通过转换,直接赋值在div就可以正常显示的)。


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

第二种方法: 正则替换
通过把正则表达式把<>和空格符转换成html编码,由于这种方法不是系统内置的所以很轻易出现有些特别标签没有替换的情况,并且效率低下

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

大家可以先运行测试下,我也发现了,还是第一种方法比较好用啊,真不错,大家一定要记住了。
 另外还是一些编辑器使用的一些htmlencode函数,到时候大家根据需要添加,不过需要提醒的是,代码一定要测试啊,脚本之家 jb51.net站长发布这条信息的时候测试确实很麻烦啊,修改了多次
复制代码 代码如下:

function HTMLEncode(text){
    text = text.replace(/&/g, "&amp;") ;
    text = text.replace(/"/g, "&quot;") ;
    text = text.replace(/</g, "&lt;") ;
    text = text.replace(/>/g, "&gt;") ;
    //text = text.replace(/\ /g,"&nbsp;");
    text = text.replace(/\n/g,"<br>");
    text = text.replace(/\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;");
    return text;
}

上一篇:多个jquery.datatable共存,checkbox全选异常的快速解决方法

栏    目:JavaScript代码

下一篇:JS数组搜索之折半搜索实现方法分析

本文标题:javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码

本文地址:http://www.codeinn.net/misctech/122655.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有