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 相关文章推荐
JS+XML 省份和城市之间的联动实现代码
Oct 14 Javascript
javascript call方法使用说明
Jan 11 Javascript
Jquery iframe内部出滚动条
Feb 11 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
May 25 Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 Javascript
JavaScript中获取鼠标位置相关属性总结
Oct 11 Javascript
浅析Node.js的Stream模块中的Readable对象
Jul 29 Javascript
koa-router源码学习小结
Sep 07 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
Nov 05 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
javaScript代码飘红报错看不懂?读完这篇文章再试试
Aug 19 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实现的MySQL数据浏览器
2007/03/11 PHP
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
php简单分页类实现方法
2015/02/26 PHP
php跨服务器访问方法小结
2015/05/12 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
利用javascript判断文件是否存在
2013/12/31 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
ajax与json 获取数据并在前台使用简单实例
2017/01/19 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
2019/09/09 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
Python使用py2exe打包程序介绍
2014/11/20 Python
Python3 Random模块代码详解
2017/12/04 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
python标记语句块使用方法总结
2019/08/05 Python
Pandas实现dataframe和np.array的相互转换
2019/11/30 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
宝塔面板出现“open_basedir restriction in effect. ”的解决方法
2021/03/14 PHP
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
Hotels.com越南:酒店预订
2019/10/29 全球购物
乌克兰在线药房:Аптека24
2019/10/30 全球购物
PyQt 如何创建自定义QWidget
2021/03/24 Python
高一历史教学反思
2014/01/13 职场文书
学习交流会主持词
2014/04/01 职场文书
董事长助理工作职责
2014/06/08 职场文书
授权委托书样本
2014/09/25 职场文书
公司周年庆典标语
2014/10/07 职场文书
给学校的建议书400字
2015/09/14 职场文书
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python