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 相关文章推荐
用脚本调用样式的几种方法
Dec 09 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
查看大图功能代码jquery版
Nov 05 Javascript
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
18个非常棒的jQuery代码片段
Nov 02 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
自学实现angularjs依赖注入
Dec 20 Javascript
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
webpack4 处理CSS的方法示例
Sep 03 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
Vue全局loading及错误提示的思路与实现
Aug 09 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
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
浅谈PHP无限极分类原理
2019/03/14 PHP
js导航菜单(自写)简单大方
2013/03/28 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
2015/12/17 Javascript
JS 清除字符串数组中,重复元素的实现方法
2016/05/24 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
快速入门Vue
2016/12/19 Javascript
jQuery 实现双击编辑表格功能
2017/06/19 jQuery
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
python实现调用其他python脚本的方法
2014/10/05 Python
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
python访问类中docstring注释的实现方法
2015/05/04 Python
django上传图片并生成缩略图方法示例
2017/12/11 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
Python面向对象实现一个对象调用另一个对象操作示例
2019/04/08 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
Python中的延迟绑定原理详解
2019/10/11 Python
python有几个版本
2020/06/17 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
2013/01/09 HTML / CSS
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
机械专业应届生求职信
2013/09/21 职场文书
应聘自荐书
2013/10/08 职场文书
2014年学雷锋活动总结
2014/06/26 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python
MySQL数据库简介与基本操作
2022/05/30 MySQL