js 賦值包含單引號雙引號問題的解決方法
更新時間：2014年02月26日 16:01:38 作者：
這篇文章主要介紹了js賦值包含單引號雙引號問題的解決方法,需要的朋友可以參考下
我的頁面是jsp頁面，里面包含一個參數(shù)：lefttree，
這個lefttree是從后臺拼出來的，內(nèi)容是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中賦值時最外層的單引號發(fā)生匹配錯誤，變成了：
'<div class="test" onclick="show('tt1','abc')">'
解決方法：
用轉(zhuǎn)義字符"/"
在后臺拼接lefttree時，變成以下形式：
<div class="test" onclick="show(///'tt1///',///'abc///')">
其中：
前兩個“//”用于在頁面中保留下 一個“/”
第三個“/”用于轉(zhuǎn)義后面的單引號。
這樣在網(wǎng)頁中，lefttree的值為：
<div class="test" onclick="show(/'tt1/',/'abc/')">
這個lefttree是從后臺拼出來的，內(nèi)容是html代碼：如:
復(fù)制代碼 代碼如下:
<div class="test" onclick="show('tt1','abc')">
在jsp頁面中，需要通過js代碼將這個值付給一個div，如下：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
window.parent.document.getElementById('mptree').innerHTML='<%=lefttree%>';
<script>
這樣，由于lefttree中既包含單引號，又包含雙引號，而與js中賦值時最外層的單引號發(fā)生匹配錯誤，變成了：
復(fù)制代碼 代碼如下:
'<div class="test" onclick="show('tt1','abc')">'
解決方法：
用轉(zhuǎn)義字符"/"
在后臺拼接lefttree時，變成以下形式：
復(fù)制代碼 代碼如下:
<div class="test" onclick="show(///'tt1///',///'abc///')">
其中：
前兩個“//”用于在頁面中保留下 一個“/”
第三個“/”用于轉(zhuǎn)義后面的單引號。
這樣在網(wǎng)頁中，lefttree的值為：
復(fù)制代碼 代碼如下:
<div class="test" onclick="show(/'tt1/',/'abc/')">
相關(guān)文章
js刪除指定元素方法有很多,下面這篇文章主要給大家介紹了關(guān)于JS刪除數(shù)組中某個元素的四種方式,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
下面小編就為大家?guī)硪黄狫SON 對象未定義錯誤的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要介紹了基于BootStrap的前端分頁帶省略號和上下頁效果,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了JS運(yùn)動改變單物體透明度的方法,結(jié)合實例形式分析了頁面元素屬性動態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了Symbol是ES2015新增的一種值類型數(shù)據(jù)，表示一種絕不重復(fù)的值,需要的朋友可以參考下2016-12-12
詳解JavaScript如何實現(xiàn)一個簡易的Promise對象
Promise對象的作用將異步操作以同步操作的流程表達(dá)出來，避免層層嵌套的回調(diào)函數(shù)，而且Promise提供了統(tǒng)一的接口，使得控制異步操作更加容易。本文介紹了如何實現(xiàn)一個簡單的Promise對象，需要的可以參考一下2022-11-11
事件對象 的獲取很簡單，很久前我們就知道IE中事件對象是作為全局對象( window.event )存在的，F(xiàn)irefox中則是做為句柄( handler )的第一個參數(shù)傳入內(nèi)的。所以一行代碼就可以搞定2011-03-03
網(wǎng)上很多解釋，我無法理解，我想知道原理。。。這篇文章應(yīng)該可以透徹一點(diǎn)2010-01-01
JavaScript實現(xiàn)封裝一個快速生成目錄樹的全局腳本
目錄樹可以很好的介紹項目中各文件目錄的用途，幫助讀者了解整個項目結(jié)構(gòu)。本文就來用JavaScript封裝一個快速生成目錄樹的全局腳本，希望對大家有所幫助2023-03-03
本文主要分享了js實現(xiàn)清除輸入框內(nèi)的空格的代碼，代碼簡單易懂，需要的朋友一起來看下吧2016-12-12