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


Posted in Javascript onNovember 30, 2016

在使用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方法里包含特殊字符的处理就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于jQuery参考实例 1.0 jQuery的哲学
Apr 07 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
Sep 18 Javascript
详解JavaScript函数
Dec 01 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
Javascript基础回顾之(一) 类型
Jan 31 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
vue技术分享之你可能不知道的7个秘密
Apr 09 Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 Javascript
Vue项目安装插件并保存
Jan 28 Javascript
angular *Ngif else用法详解
Dec 15 Javascript
Javascript 闭包详解及实例代码
Nov 30 #Javascript
jQuery特殊符号转义的实现
Nov 30 #Javascript
Javascript 引擎工作机制详解
Nov 30 #Javascript
将JSON字符串转换成Map对象的方法
Nov 30 #Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 #Javascript
JS实现重新加载当前页面
Nov 29 #Javascript
jQuery弹出div层过2秒自动消失
Nov 29 #Javascript
You might like
php简单的会话类代码
2011/08/08 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
javascript 函数参数限制说明
2010/11/19 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
vue深入解析之render function code详解
2017/07/18 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
2020/04/20 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
你不知道的SpringBoot与Vue部署解决方案
2020/11/09 Javascript
Python中函数的用法实例教程
2014/09/08 Python
python实现协同过滤推荐算法完整代码示例
2017/12/15 Python
教你用Python写安卓游戏外挂
2018/01/11 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
python 处理telnet返回的More,以及get想要的那个参数方法
2019/02/14 Python
python  logging日志打印过程解析
2019/10/22 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
Python实现的北京积分落户数据分析示例
2020/03/27 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
优秀员工演讲稿
2014/05/19 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
2014年园林绿化工作总结
2014/12/11 职场文书
民间借贷借条如何写
2015/05/26 职场文书
小学2016年第十八届推普周活动总结
2016/04/05 职场文书