码迷,mamicode.com
首页 > Web开发 > 详细

js 转义特殊字符到 html

时间:2015-08-12 17:07:39      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

<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>&nbsp;<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,‘&#60;‘);      //特殊字符的转义编码可以查阅相关资料
                            break;  
                        case ‘>‘:  
                            strArr.splice(i,1,‘&#62;‘);  
                            break;  
                        case ‘&‘:  
                            strArr.splice(i,1,‘&#38;‘);  
                    }  
                }  
            }  
            return strArr.join(‘‘);  
        }  
        alert(str);  
        document.all.div2.innerHTML=str.displayHtml();  
        //document.all.div2.innerHTML=str;  
        </script>  
    </body>  
</html>

js 转义特殊字符到 html

标签:

原文地址:http://my.oschina.net/jack088/blog/491262

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!