js 赋值包含单引号双引号问题的解决方法

前端技术 2023/09/02 JavaScript
我的页面是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/\')\">

本文地址：https://www.stayed.cn/item/6016

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案