浅谈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 相关文章推荐
How to Auto Include a Javascript File
Feb 02 Javascript
js的闭包的一个示例说明
Nov 18 Javascript
Jquery 扩展方法
May 06 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
js实现随机抽选效果、随机抽选红色球效果
Jan 13 Javascript
js实现滑动到页面底部自动加载更多功能
Feb 15 Javascript
JavaScript 保护变量不被随意修改的实现代码
Sep 27 Javascript
详解如何实现一个简单的 vuex
Feb 10 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
JS sort排序详细使用方法示例解析
Sep 27 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
Oct 29 Javascript
如何在JavaScript中等分数组的实现
Dec 13 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
html静态页面调用php文件的方法
2014/11/13 PHP
php基于CodeIgniter实现图片上传、剪切功能
2016/05/14 PHP
node.js实现多图片上传实例
2014/06/03 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
js改变embed标签src值的方法
2015/04/10 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
使用vue构建一个上传图片表单
2017/07/04 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
Vue2.0父子组件传递函数的教程详解
2017/10/16 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
JS实现的视频弹幕效果示例
2018/08/17 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
django一对多模型以及如何在前端实现详解
2019/07/24 Python
python3 实现调用串口功能
2019/12/26 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
HTML5之SVG 2D入门7—SVG元素的重用与引用
2013/01/30 HTML / CSS
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
欧洲最大的高尔夫零售商:American Golf
2019/09/02 全球购物
标准导师推荐信(医学类)
2013/10/28 职场文书
行政工作个人的自我评价
2014/02/13 职场文书
市场营销策划方案
2014/06/11 职场文书
物理学专业自荐信
2014/06/11 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
大学生自我评价范文
2015/03/03 职场文书
2015年店长个人工作总结
2015/10/23 职场文书