繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
- Javascript
- JS教程:浅谈ECMAScript自动插入分号
- JavaScript教程:几种比较熟悉的编程习惯
- JS实例:登陆失败后跳出框架打开
- webdesignledger推选的2009年度最佳jQuery插件
- javaScript教程:以实例方式学习call函数
- JS教程:词法作用域和闭包
- 表单验证中时间起止 如何做到递归处理
- JS实例教程:当心JavaScript代码陷阱
- Firebug技巧:脚本调试，选项卡和CSS调试
- 学习javascript:牛人的讲座视频和PPT
- Clearbox 3：很酷的仿Lightbox脚本
- JavaScript教程:详细解析网页图片预览效果
- JS代码实例:实现随机加载不同的CSS样式
- 国人开发的比较优秀的js框架:como js
- Webjx收集10个最常用Ajax技术的实例教程
- JavaScript教程:优化次数过多的循环
- 出色的jQuery导航菜单的14个英文教程
- JS教程:学习笔记之JS类
- JS教程:详细讲解JS节点知识
- COM中获取JavaScript数组大小的代码
Javascript 中的 javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 386 ::
收藏到网摘: n/a
用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素 方法一：
用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如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>
方法二：
通过把正则表达式把<>和空格符转换成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,""");
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(/"/g,"\"");
return s;
}
var html = "<br>ccccc<p>aaaaa</p>";
var encodeHTML = HTMLEncode2(html);
alert("方式二：" + encodeHTML);
var decodeHTML = HTMLDecode2("方式二：" + encodeHTML);
alert(decodeHTML);
</script>
评论 (0) All
