繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
- Javascript
- 二级连动的另一个不错的实现方法
- 键盘元素的控制小方块的移动效果
- 如何丰富alt属性的显示效果
- 鼠标移动到某个单元格上后，整个列都变色的实现方法
- 用JavaScript实现字符串切分功能
- 通过JAVAScript实现页面自适应
- 短信提示使用 特效
- 一个多次搜索+多次传值的解决方案
- javascript读取RSS数据
- WEB泡泡堂2.0（图形界面+电脑对玩）(javascript)
- ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！
- 利用javascript中的call实现继承
- javascript 中对象的继承〔转贴〕
- float ad浮动广告代码
- showModalDialog 和 showModelessDialog
- Ajax::prototype 源码解读
- 深入认识JavaScript中的函数
- Javascript技术技巧大全（五）
- 通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
- 用正则xmlHttp实现的偷(转)
Javascript 中的 javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 436 ::
收藏到网摘: 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
