当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码

Javascript
IE bug table元素的innerHTML
Javascript学习笔记1 数据类型
Javascript学习笔记2 函数
Javascript学习笔记3 作用域
Javascript学习笔记4 Eval函数
Javascript学习笔记5 类和对象
Javascript学习笔记6 prototype的提出
Javascript学习笔记7 原型链的原理
Javascript学习笔记8 用JSON做原型
Javascript学习笔记9 prototype封装继承
Javascript 读书笔记索引贴
JavaScript 事件冒泡应用实例分析
JavaScript 事件冒泡简介及应用
Extjs学习笔记之九 数据模型(上）
javascript Object与Function使用
取选中的radio的值
JavaScript 学习笔记（九）call和apply方法
javascript下判断一个对象是否具有指定名称的属性的的代码
Javascript 实现TreeView CheckBox全选效果
jquery插件 cluetip 关键词注释

No. « 276 277 278 279 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 384 ::
收藏到网摘: n/a

非常不错的htmlencode 方法，比用正则实现的更好，而且效率高，推荐使用第一种方法。

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

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

第二种方法： 正则替换
通过把正则表达式把<>和空格符转换成html编码,由于这种方法不是系统内置的所以很轻易出现有些特别标签没有替换的情况，并且效率低下
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

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

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;
}