浅谈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中dialog属性小记
Sep 03 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
Nov 03 Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
js代码规范之Eslint安装与配置详解
Sep 08 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 Javascript
es6函数之严格模式用法实例分析
Mar 17 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产生随机字符串函数
2006/12/06 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
PHP进程同步代码实例
2015/02/12 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
javascript 伪数组实现方法
2010/10/11 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
关于JavaScript的面向对象和继承有利新手学习
2013/01/11 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
js实现时间日期校验
2020/05/26 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
手把手带你搭建一个node cli的方法示例
2020/08/07 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
vue实现登录、注册、退出、跳转等功能
2020/12/23 Vue.js
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
python随机在一张图像上截取任意大小图片的方法
2019/01/24 Python
详细整理python 字符串(str)与列表(list)以及数组(array)之间的转换方法
2019/08/30 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
浅谈keras中自定义二分类任务评价指标metrics的方法以及代码
2020/06/11 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
python ssh 执行shell命令的示例
2020/09/29 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
师范生自荐信范文
2013/10/06 职场文书
测绘工程系学生的自我评价
2013/11/30 职场文书
物理力学求职信
2014/02/18 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
基层党建工作汇报材料
2014/08/15 职场文书
2016入党积极分子心得体会
2016/01/06 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书
承诺书怎么写 ?
2019/04/16 职场文书