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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2303字，纯文字阅读大概需要4分钟。

内容图文

方法一：

用的浏览器内部转换器实现转换，要领是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持)，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串,显示的时候反过来就可以了（实际上显示的时候不消通过转换，直接赋值在div就可以正常显示的）。
<script type="text/javascript"> function HTMLEncode(html) { var temp = document.createElement ("div"); (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html); var output = temp.innerHTML; temp = null; return output; } function HTMLDecode(text) { var temp = document.createElement("div"); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; } var html = "<br>dffdf<p>qqqqq</p>"; var encodeHTML = HTMLEncode(html); alert("方法一：" +encodeHTML); var decodeHTML = HTMLDecode(encodeHTML); alert("方法一：" +decodeHTML); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
第二种方法： 正则替换
通过把正则表达式把<>和空格符转换成html编码,由于这种方法不是系统内置的所以很轻易出现有些特别标签没有替换的情况，并且效率低下
<script type="text/javascript"> function HTMLEncode2(str) { var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/</g,"<"); s = s.replace(/>/g,">"); s = s.replace(/ /g," "); s = s.replace(/\'/g,"'"); s = s.replace(/\"/g,"&quot;"); return s; } function HTMLDecode2(str) { var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/</g,"<"); s = s.replace(/>/g,">"); s = s.replace(/ /g," "); s = s.replace(/'/g,"\'"); s = s.replace(/&quot;/g,"\""); return s; } var html = "<br>cccccaaaaa"; var encodeHTML = HTMLEncode2(html); alert("方法二:"+encodeHTML); var decodeHTML = HTMLDecode2(encodeHTML); alert("方法二:"+decodeHTML); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
大家可以先运行测试下，我也发现了，还是第一种方法比较好用啊，真不错，大家一定要记住了。
 另外还是一些编辑器使用的一些htmlencode函数，到时候大家根据需要添加，不过需要提醒的是，代码一定要测试啊，脚本之家 jb51.net站长发布这条信息的时候测试确实很麻烦啊，修改了多次
代码如下:
function HTMLEncode(text){
    text = text.replace(/&/g, "&") ;
    text = text.replace(/"/g, """) ;
    text = text.replace(/</g, "<") ;
    text = text.replace(/>/g, ">") ;
    //text = text.replace(/\ /g," ");
    text = text.replace(/\n/g,"<br>");
    text = text.replace(/\t/g,"    ");
    return text;
}

内容总结

以上是互联网集市为您收集整理的javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码全部内容，希望文章能够帮你解决javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端