繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
- Javascript
- 用javascript实现的图片马赛克后显示并切换加文字功能
- 通用的javascript 换行色换列色的小js
- 滑动门,简洁,新手上路制作篇 (小鸽子系列)
- 文字模糊特效
- javascript实现的又一个不错的滑动导航效果
- css实现的图片模糊效果
- javascript跟随鼠标x,y坐标移动的字效果
- js实现用于建立新的一行且增加的四个文本框为空的且被禁用
- XML+XSL 与 HTML 两种方案的结合
- javascript生成/解析dom的CDATA类型的字段的代码
- IE与FireFox的兼容性问题分析
- 关于脚本操作文本域的问题
- 刷新时清空文本框内容的js代码
- 又一个不错的js浮动广告代码
- 网页背景渐变效果代码
- 非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）
- [原创]jser必看的破解javascript各种加密的反向思维方法
- eval(function(p,a,c,k,e,d)系列解密javascript程序
- 从sohu弄下来的flash中展示图片的代码
- 漂亮的widgets，支持换肤和后期开发新皮肤（2007-4-27已更新1.7alpha）
Javascript 中的 javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 423 ::
收藏到网摘: 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
