浅谈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 相关文章推荐
javascript html 静态页面传参数
Apr 10 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
DIV始终居中的js代码
Feb 17 Javascript
JavaScript实现打字效果的方法
Jul 10 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
Oct 30 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
通过AngularJS实现图片上传及缩略图展示示例
Jan 03 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
Aug 14 Javascript
JS实现评价的星星功能
Aug 20 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 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读取html并截取字符串的简单代码
2009/11/30 PHP
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
php提供实现反射的方法和实例代码
2019/09/17 PHP
JavaScript this调用规则说明
2010/03/08 Javascript
JQuery设置和去除disabled属性的5种方法总结
2013/05/16 Javascript
将查询条件的input、select清空
2014/01/14 Javascript
js post提交调用方法
2014/02/12 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
jquery取消事件冒泡的三种方法(推荐)
2016/05/28 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
canvas实现探照灯效果
2017/02/07 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
Bootstrap4如何定制自己的颜色和风格
2018/02/26 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
原生js实现拖拽移动与缩放效果
2020/08/24 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
python使用socket连接远程服务器的方法
2015/04/29 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
2019/08/05 Python
python datetime中strptime用法详解
2019/08/29 Python
python多进程并发demo实例解析
2019/12/13 Python
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
联想马亚西亚官方网站:Lenovo Malaysia
2018/09/19 全球购物
房地产销售经理岗位职责
2014/01/01 职场文书
《满井游记》教学反思
2014/02/26 职场文书
主管竞聘书范文
2014/03/31 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
物理课外活动总结
2014/08/27 职场文书
自我检讨书范文
2015/01/28 职场文书
学习保证书怎么写
2015/02/26 职场文书