您的位置:首页 > Web前端 > JavaScript

js 转义特殊字符到 html

2015-08-12 00:00 696 查看
<html>
<head>
<meta charset="UTF-8">
<title>js 转义特殊字符到 html</title>
</head>
<body>
<div id="div1" ></div>
<div id="div2" ></div>
<script >
var str = 'test<br/><b>test</b> <br/> 换行';
document.all.div1.innerHTML=str;
// js 输出特殊字符到 html 页面
String.prototype.displayHtml= function(){
var strArr = this.split('');
//定义 html 特殊字符
var htmlChar="&<>";
for(var i = 0; i< str.length;i++){
if(htmlChar.indexOf(str.charAt(i)) !=-1){
switch (str.charAt(i)) {
case '<':
strArr.splice(i,1,'<');      //特殊字符的转义编码可以查阅相关资料
break;
case '>':
strArr.splice(i,1,'>');
break;
case '&':
strArr.splice(i,1,'&');
}
}
}
return strArr.join('');
}
alert(str);
document.all.div2.innerHTML=str.displayHtml();
//document.all.div2.innerHTML=str;
</script>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: