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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
jQuery中阻止冒泡事件的方法介绍
Apr 12 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 Javascript
在vue中v-bind使用三目运算符绑定class的实例
Sep 29 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
微信小程序上传图片到php服务器的方法
May 23 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
Aug 12 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 Vue.js
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
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
深入探究PHP的多进程编程方法
2015/08/18 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
javascript原型模式用法实例详解
2015/06/04 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
详解React中setState回调函数
2018/06/14 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
JavaScript事件委托实现原理及优点进行
2020/08/29 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python实现根据图标提取分类应用程序实例
2014/09/28 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
基于python监控程序是否关闭
2020/01/14 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python中setuptools的作用是什么
2020/06/19 Python
英国轻奢珠宝品牌:Astley Clarke
2016/12/18 全球购物
什么是索引指示器
2012/08/20 面试题
机电一体化大学生求职信
2013/11/08 职场文书
财务会计专业推荐信
2013/11/30 职场文书
询价采购方案
2014/06/09 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
2015年入党积极分子培养考察意见
2015/08/12 职场文书
小学班级口号大全
2015/12/25 职场文书