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

Javascript
JavaScript脚本:在网页中绘制图表
Jquery在实用和易学使用上的特点
网页制作之Javascript代码技巧
利用Java程序把Word文档转换成Html文件
提供gif icon制作的几个站点
JavaScript 实现 Konami Code
实用Javascript Tab导航插件23个
掌握JavaScript语言的思想前提
可以制作动画菜单效果的jquery插件
从脚本编程的角度看JSP的安全
JavaScript教程:伸缩菜单的制作
Javascript 代码也可以变得优美
与JavaScript新人共同分享实用经验
远程控制顺畅无阻碍-java来实现
Java开源的高性能缓存框架
通过代理访问因特网上的Web服务器
JavaScript基础教程:调试及应用
通过SSH交互进行Java应用开发
Java API编写自己的NamespaceContext
Java编程教程:SecureJSH特性简介

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 402 ::
收藏到网摘: 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;
}