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 相关文章推荐
Prototype 学习 工具函数学习($方法)
Jul 12 Javascript
javascript 去字符串空格终极版(支持utf8)
Nov 14 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
详谈javascript精度问题与调整
Jul 08 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
Jul 31 Javascript
js字符串处理之绝妙的代码
Apr 05 Javascript
微信用户访问小程序的登录过程详解
Sep 20 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 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使用mkdir创建多级目录入门例子
2014/05/10 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
php缓冲输出实例分析
2015/01/05 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
大白话讲解JavaScript的Promise
2017/04/06 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
2019/09/19 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
vue.js 子组件无法获取父组件store值的解决方式
2019/11/08 Javascript
[00:21]DOTA2亚洲邀请赛 Logo演绎
2015/02/07 DOTA
Python strip lstrip rstrip使用方法
2008/09/06 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
python 循环数据赋值实例
2019/12/02 Python
浅谈python opencv对图像颜色通道进行加减操作溢出
2020/06/03 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
数控技术与应用毕业生自荐信
2013/09/24 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
西湖英语导游词
2015/02/06 职场文书
如何书写你的职业生涯规划书?
2019/06/27 职场文书
MySQL中varchar和char类型的区别
2021/11/17 MySQL
Promise静态四兄弟实现示例详解
2022/07/07 Javascript