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)文章
下面小編就為大家?guī)硪黄褂胏anvas進(jìn)行圖像編輯的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
javascript實現(xiàn)依次輸入input自動定焦
這篇文章主要介紹了javascript實現(xiàn)依次輸入input自動定焦的方法及示例代碼，非常實用，這里推薦給小伙伴們2014-12-12
這篇文章主要介紹了javascript實現(xiàn)3D變換的立體圓圈效果,涉及javascript動態(tài)操作頁面元素實現(xiàn)滾動與變色的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了微信小程序 css使用技巧總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-01-01
利用CSS、JavaScript及Ajax實現(xiàn)圖片預(yù)加載的三大方法
本文主要介紹了利用CSS、JavaScript及Ajax實現(xiàn)圖片預(yù)加載的三大方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了js實現(xiàn)有時間限制消失的圖片方法,實例分析了javascript操作setTimeout及圖片特效操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
layui在form表單頁面通過Validform加入簡單驗證的方法
今天小編就為大家分享一篇layui在form表單頁面通過Validform加入簡單驗證的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Javascript Ajax異步讀取RSS文檔具體實現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實現(xiàn)，有需要的朋友可以參考一下2013-12-12
JavaScript防抖與節(jié)流的實現(xiàn)與注意事項
防抖和節(jié)流嚴(yán)格算起來應(yīng)該屬于性能優(yōu)化的知識,但實際上遇到的頻率相當(dāng)高,處理不當(dāng)或者放任不管就容易引起瀏覽器卡死,下面這篇文章主要給大家介紹了關(guān)于JavaScript防抖與節(jié)流的實現(xiàn)與注意事項,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了js給selected添加options的方法,涉及javascript動態(tài)添加頁面下拉列表selected的技巧,需要的朋友可以參考下2015-05-05