浅谈jquery的html方法里包含特殊字符的处理

322 阅读 0 评论 213 点赞

我是靠谱客的博主妩媚酸奶，最近开发中收集的这篇文章主要介绍浅谈jquery的html方法里包含特殊字符的处理，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在使用jquery的html（）方法时，有时候里面添加的html代码含有一些特殊字符，需要进行转义。

如下例子：

inst_html = "<a style=color:white' onmouseover = '"; 
inst_html += "javascript：showme('"+inst.instId+"_"+valId+"');"; 
inst_html += "' "; 
$("#inst_div_"+valId).html(inst_html);

如果这样直接写的话，在chrome和FF浏览器下，没有问题，但在IE8下会报错。

解决方法就是将javascript里面的'进行转义改成'，这样就不报错了。

如上例改为：

inst_html = "<a style=color:white' onmouseover = '";
inst_html += "javascript：showme('"+inst.instId+"_"+valId+"');";
inst_html += "' ";
$("#inst_div_"+valId).html(inst_html);

部分字符转义如下：

•&符号："&", "&"
•双引号：""", """
•小于号："<", "<"
•大于号：">", ">"
•单引号："'", "'"

以上这篇浅谈jquery的html方法里包含特殊字符的处理就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。