js 赋值包含单引号双引号问题的解决方法


Posted in Javascript onFebruary 26, 2014

我的页面是jsp页面,里面包含一个参数:lefttree,

这个lefttree是从后台拼出来的,内容是html代码:如:

<div class="test" onclick="show('tt1','abc')">

在jsp页面中,需要通过js代码将这个值付给一个div,如下:
<script type="text/javascript"> 
window.parent.document.getElementById('mptree').innerHTML='<%=lefttree%>'; 
<script>

这样,由于lefttree中既包含单引号,又包含双引号,而与js中赋值时最外层的单引号发生匹配错误,变成了:
'<div class="test" onclick="show('tt1','abc')">'

解决方法:

用转义字符"/"

在后台拼接lefttree时,变成以下形式:

<div class="test" onclick="show(///'tt1///',///'abc///')">

其中:

前两个“//”用于在页面中保留下 一个“/”

第三个“/”用于转义后面的单引号。

这样在网页中,lefttree的值为:

<div class="test" onclick="show(/'tt1/',/'abc/')">
Javascript 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
Dec 19 Javascript
使弱类型的语言JavaScript变强势
Jun 22 Javascript
9个javascript语法高亮插件 推荐
Jul 18 Javascript
jQuery DOM操作小结与实例
Jan 07 Javascript
基于jquery的地址栏射击游戏代码
Mar 10 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
Jan 24 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
全面了解addEventListener和on的区别
Jul 14 Javascript
微信小程序搜索组件wxSearch实例详解
Jun 08 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
js返回上一页并刷新的多种实现方法
Feb 26 #Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 #Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 #Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 #Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 #Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 #Javascript
通过隐藏iframe实现文件下载的js方法介绍
Feb 26 #Javascript
You might like
ThinkPHP惯例配置文件详解
2014/07/14 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
ThinkPHP框架整合微信支付之刷卡模式图文详解
2019/04/10 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
functional继承模式 摘自javascript:the good parts
2011/06/20 Javascript
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
javascript如何实现create方法
2019/11/04 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
JQuery省市联动效果实现过程详解
2020/05/08 jQuery
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
python使用心得之获得github代码库列表
2014/06/25 Python
Python操作串口的方法
2015/06/17 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
在echarts中图例legend和坐标系grid实现左右布局实例
2020/05/16 Python
浅析Python迭代器的高级用法
2020/07/16 Python
Myprotein比利时官方网站:欧洲第一运动营养品牌
2020/10/04 全球购物
党员教师工作决心书
2014/03/13 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
Python函数式编程中itertools模块详解
2021/09/15 Python
Linux在两个服务器直接传文件的操作方法
2022/08/05 Servers