繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
- Javascript
- 不是原型继承那么简单！！prototype的深度探索
- JavaScript与函数式编程解释
- 转一个日期输入控件，支持FF
- 用 JSON 处理缓存
- 改版了网上的一个js操作userdata
- 仿服务器端脚本方式的JS模板实现方法
- javascript函数库-集合框架
- Javascript模板技术
- javascript实现的listview效果
- JavaScript 实现網頁打印處理
- （推荐一个超好的JS函数库）S.Sams Lifexperience ScriptClassLib
- 实现div可编辑的常见方法总结
- js奇偶数判断的代码
- 可以支持多中格式的JS键盘
- javascript静态的url如何传递
- JS实多级联动下拉菜单类，简单实现省市区联动菜单！
- Packer 3.0 JS压缩及混淆工具 下载
- 学习jquery必备 api中英文对照的chm手册 下载
- 用js实现CSS圆角生成更新
- 用js实现的抽象CSS圆角效果!!
Javascript 中的 javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 412 ::
收藏到网摘: 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
