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 相关文章推荐
onpropertypchange
Jul 01 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
js实现的常用的左侧导航效果
Oct 17 Javascript
纯javascript制作日历控件
Jul 17 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
JavaScript与jQuery实现的闪烁输入效果
Feb 18 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
Dec 21 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
p5.js绘制旋转的正方形
Oct 23 Javascript
js实现弹窗效果
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 获取客户端的真实ip
2009/11/30 PHP
php 启动报错如何解决
2014/01/17 PHP
以实例全面讲解PHP中多进程编程的相关函数的使用
2015/08/18 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
laravel自定义分页效果
2017/07/23 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
使用apply方法实现javascript中的对象继承
2013/12/16 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
javascript表单验证大全
2015/08/12 Javascript
谈一谈javascript闭包
2016/01/28 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
Python实现一个转存纯真IP数据库的脚本分享
2017/05/21 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
python输入多行字符串的方法总结
2019/07/02 Python
HTML的form表单和django的form表单
2019/07/25 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
香港士多网上超级市场:Ztore
2021/01/09 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
力学专业求职信
2014/07/23 职场文书
档案工作汇报材料
2014/08/21 职场文书
小学生关于梦想的演讲稿
2014/08/22 职场文书
刑事上诉状(无罪)
2015/05/23 职场文书