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 相关文章推荐
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
UpdatePanel和Jquery冲突的解决方法
Apr 01 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
JS学习笔记之数组去重实现方法小结
May 29 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 Javascript
js 计数排序的实现示例(升级版)
Jan 12 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 Javascript
12 种使用Vue 的最佳做法
Mar 30 Javascript
vue+AI智能机器人回复功能实现
Jul 16 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/04/16 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
php简单生成随机数的方法
2015/07/30 PHP
php实现的Curl封装类Curl.class.php用法实例分析
2015/09/25 PHP
php上传大文件设置方法
2016/04/14 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
thinkphp中AJAX返回ajaxReturn()方法分析
2016/12/06 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
使用JavaScript动态设置样式实现代码及演示动画
2013/01/25 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
Bootstrap表格和栅格分页实例详解
2016/05/20 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
python函数缺省值与引用学习笔记分享
2013/02/10 Python
Python中max函数用法实例分析
2015/07/17 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
python实现图片上添加图片
2019/11/26 Python
亚马逊中国官方网站:amazon.cn
2017/05/25 全球购物
学校校庆演讲稿
2014/05/22 职场文书
十佳文明家庭事迹
2014/05/25 职场文书
2014年小学工作总结
2014/11/26 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
导游词之南京中山陵
2019/11/27 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL