浅谈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 相关文章推荐
js切换div css注意的细节
Dec 10 Javascript
JS.findElementById()使用介绍
Sep 21 Javascript
scrollWidth,clientWidth,offsetWidth的区别
Jan 13 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
详解ES6 Fetch API HTTP请求实用指南
Nov 14 Javascript
three.js实现炫酷的全景3D重力感应
Dec 30 Javascript
轻松学习JavaScript函数中的 Rest 参数
May 30 Javascript
webpack HappyPack实战详解
Oct 08 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
js实现圆形菜单选择器
Dec 03 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 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
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
js输出阴历、阳历、年份、月份、周示例代码
2014/01/29 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
JQuery球队选择实例
2015/05/18 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
js实现自定义路由
2017/02/04 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
vue设置一开始进入的页面教程
2019/10/28 Javascript
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
python如何制作缩略图
2019/04/30 Python
在PyCharm中控制台输出日志分层级分颜色显示的方法
2019/07/11 Python
python 的 openpyxl模块 读取 Excel文件的方法
2019/09/09 Python
Python的pygame安装教程详解
2020/02/10 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
matplotlib交互式数据光标实现(mplcursors)
2021/01/13 Python
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
找到不普通的东西:Bonanza
2016/10/20 全球购物
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
遇到的Mysql的面试题
2014/06/29 面试题
小学生自我鉴定
2013/10/12 职场文书
读书心得体会
2013/12/28 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
单方离婚协议书范本(2014版)
2014/09/30 职场文书
领导干部“四风”查摆问题个人整改措施
2014/10/28 职场文书
网络营销计划书
2015/01/17 职场文书
2015年全国爱耳日活动总结
2015/02/27 职场文书
大学生就业意向书
2015/05/11 职场文书
心得体会该怎么写呢?
2019/06/27 职场文书
Golang 编译成DLL文件的操作
2021/05/06 Golang
python中24小时制转换为12小时制的方法
2021/06/18 Python