浅谈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中实现动画效果的基本操作介绍
Apr 16 Javascript
jQuery中prop()方法用法实例
Jan 05 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
深入浅析Vue组件开发
Nov 25 Javascript
JS实现的样式切换功能tableCSS实例
Dec 30 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
Apr 22 Javascript
浅谈pc端rem字体设置的问题
Aug 03 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
谈谈JavaScript中的垃圾回收机制
Sep 17 Javascript
Ant Design的可编辑Tree的实现操作
Oct 31 Javascript
原生JavaScript实现进度条
Feb 19 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中mb_convert_encoding与iconv函数的深入解析
2013/06/21 PHP
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
node.js正则表达式获取网页中所有链接的代码实例
2014/06/03 Javascript
一个实用的图片切换支持点击切换和自动轮播
2014/09/09 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
js仿百度登录页实现拖动窗口效果
2016/03/11 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
Python中处理时间的几种方法小结
2015/04/09 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
python PrettyTable模块的安装与简单应用
2019/01/11 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
python虚拟环境完美部署教程
2019/08/06 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
Python scrapy爬取小说代码案例详解
2020/07/09 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
关于canvas.toDataURL 在iOS运行失败的问题解决
2020/09/16 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
求职信结尾怎么写
2014/05/26 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
SpringBoot集成MongoDB实现文件上传的步骤
2022/04/18 MongoDB