浅谈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中eq和get的区别与使用方法
Apr 14 Javascript
使用node.js 获取客户端信息代码分享
Nov 26 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
jquery实现的判断倒计时是否结束代码
Feb 05 Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
jQuery弹出层插件popShow(改进版)用法示例
Jan 23 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
javascript实现左右缓动动画函数
Nov 25 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牛逼的面试题分享
2013/01/18 PHP
基于simple_html_dom的使用小结
2013/07/01 PHP
PHP仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
自己的js工具 Event封装
2009/08/21 Javascript
原生javascript实现无间缝滚动示例
2014/01/28 Javascript
ie浏览器使用js导出网页到excel并打印
2014/03/11 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
Angular2库初探
2017/03/01 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
python中while循环语句用法简单实例
2015/05/07 Python
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
解决python xlrd无法读取excel文件的问题
2018/12/25 Python
Pyqt5如何让QMessageBox按钮显示中文示例代码
2019/04/11 Python
pycharm 使用anaconda为默认环境的操作
2021/02/05 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
武汉高蓝德国际.net机试
2016/06/24 面试题
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
商品陈列协议书
2014/09/29 职场文书
2014年业务工作总结
2014/11/17 职场文书
入党自荐书范文
2015/03/05 职场文书
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python
Python中的程序流程控制语句
2022/02/24 Python
《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表
2022/03/20 日漫
golang定时器
2022/04/14 Golang