浅谈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 相关文章推荐
Prototype最新版(1.5 rc2)使用指南(1)
Jan 10 Javascript
js 数据类型转换总结笔记
Jan 17 Javascript
javascript-简单的计算器实现步骤分解(附图)
May 30 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
coffeescript使用的方式汇总
Aug 05 Javascript
js获取文件里面的所有文件名(实例)
Oct 17 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
Mar 15 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
vue实现拖拽效果
Dec 23 Javascript
JS实现简易留言板特效
Dec 23 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
Feb 28 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
学习discuz php 引入文件的方法DISCUZ_ROOT
2009/06/21 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
深入浅出php socket编程
2015/05/13 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
浅谈移动端之js touch事件 手势滑动事件
2016/11/07 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
js实现特别简单的钟表效果
2020/09/14 Javascript
python 获取本机ip地址的两个方法
2013/02/25 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
Pytorch的mean和std调查实例
2020/01/02 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
《逃家小兔》教学反思
2014/02/23 职场文书
2014年小学植树节活动方案
2014/03/02 职场文书
销售主管竞聘书
2014/03/31 职场文书
保密工作目标责任书
2014/07/28 职场文书
学雷锋标兵事迹材料
2014/08/18 职场文书
好人好事演讲稿
2014/09/01 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
机动车登记业务委托书
2014/10/08 职场文书
经营场所使用证明
2015/06/19 职场文书
餐厅开业活动方案
2019/07/08 职场文书
Springboot中如何自动转JSON输出
2022/06/16 Java/Android
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技