js 转义特殊字符到 html

最新推荐文章于 2023-09-27 16:29:58 发布

H_MZ

最新推荐文章于 2023-09-27 16:29:58 发布

阅读量1k

点赞数

文章标签： python

原文链接：https://my.oschina.net/jack088/blog/491262

版权

2019独角兽企业重金招聘Python工程师标准>>>

<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>

转载于:https://my.oschina.net/jack088/blog/491262