浅谈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 选中文字并响应获取的实现代码
Aug 28 Javascript
查看大图功能代码jquery版
Nov 05 Javascript
jquery 合并内容相同的单元格(示例代码)
Dec 13 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
javascript实现5秒倒计时并跳转功能
Jun 20 Javascript
微信小程序在其他页面监听globalData中值的变化
Jul 15 Javascript
js实现数字滚动特效
Dec 16 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
Mar 31 Javascript
JS猜数字游戏实例讲解
Jun 30 Javascript
JavaScript获取URL参数的方法分享
Apr 07 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简单封装了一些常用JS操作
2007/02/25 PHP
Session保存到数据库的php类分享
2011/10/24 PHP
php截取字符串函数分享
2015/02/02 PHP
PHP比较运算符的详细介绍
2015/09/29 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
javascript实现的网页局布刷新效果
2008/12/01 Javascript
javascript 函数速查表
2010/02/07 Javascript
JavaScript开发人员的10个关键习惯小结
2014/12/05 Javascript
JS中Location使用详解
2015/05/12 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
node网页分段渲染详解
2016/09/05 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
2017/11/29 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
2018/09/25 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
Python数据结构与算法之图结构(Graph)实例分析
2017/09/05 Python
python自动发微信监控报警
2019/09/06 Python
python实现贪吃蛇双人大战
2020/04/18 Python
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
shallow copy和deep copy的区别
2016/05/09 面试题
医院院务公开实施方案
2014/05/03 职场文书
我的中国梦演讲稿小学篇
2014/08/19 职场文书
实验心得体会
2014/09/05 职场文书
小学生运动会通讯稿
2014/09/23 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
校运动会广播稿300字
2014/10/07 职场文书
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python