浅谈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 datetime的那点事
Nov 15 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
vue开发心得和技巧分享
Oct 27 Javascript
vue scroller返回页面记住滚动位置的实例代码
Jan 29 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
May 03 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
Apr 25 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
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
ip签名探针
2006/10/09 PHP
获得Google PR值的PHP代码
2007/01/28 PHP
PHP开发环境配置(MySQL数据库安装图文教程)
2010/04/28 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
省市联动效果的简单实现代码(推荐)
2016/06/06 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
JS常用算法实现代码
2016/11/14 Javascript
利用Javascript获取选择文本所在的句子详解
2017/12/03 Javascript
超简单的微信小程序轮播图
2019/11/22 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
微信跳一跳游戏python脚本
2020/04/01 Python
python查看模块,对象的函数方法
2018/10/16 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
Django用户认证系统 User对象解析
2019/08/02 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
python 实现一个反向单位矩阵示例
2019/11/29 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
Python3 实现减少可调用对象的参数个数
2019/12/20 Python
简单了解django文件下载方式
2020/02/10 Python
python爬虫 requests-html的使用
2020/11/30 Python
中学生期末评语
2014/02/03 职场文书
应急处置方案
2014/06/16 职场文书
2014最新版群众路线四风整改措施
2014/09/24 职场文书
三孔导游词
2015/02/05 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书