浅谈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 相关文章推荐
QUnit jQuery的TDD框架
Nov 04 Javascript
吐槽一下我所了解的Node.js
Oct 08 Javascript
javascript数组遍历for与for in区别详解
Dec 04 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
May 19 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 Javascript
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
Javascript获取某个月的天数
May 30 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 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中html:list标签用法分析
2016/01/09 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
Jquery显示、隐藏元素以及添加删除样式
2013/08/09 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
2017/01/19 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
[00:16]热血竞技场
2019/03/06 DOTA
python的Template使用指南
2014/09/11 Python
使用Python程序抓取新浪在国内的所有IP的教程
2015/05/04 Python
关于Django外键赋值问题详解
2017/08/13 Python
Python文件操作基本流程代码实例
2017/12/11 Python
python数据批量写入ScrolledText的优化方法
2018/10/11 Python
python对列进行平移变换的方法(shift)
2019/01/10 Python
python PrettyTable模块的安装与简单应用
2019/01/11 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
荷兰浴室和卫浴网上商店:Badkamerxxl.nl
2020/10/06 全球购物
护士演讲稿范文
2014/01/05 职场文书
中学教师暑期培训方案
2014/08/27 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
初中语文教师研修日志
2015/11/13 职场文书
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android
Java 实战项目之家居购物商城系统详解流程
2021/11/11 Java/Android