js 賦值包含單引號(hào)雙引號(hào)問(wèn)題的解決方法
更新時(shí)間：2014年02月26日 16:01:38 作者：
這篇文章主要介紹了js賦值包含單引號(hào)雙引號(hào)問(wèn)題的解決方法,需要的朋友可以參考下
我的頁(yè)面是jsp頁(yè)面，里面包含一個(gè)參數(shù)：lefttree，
這個(gè)lefttree是從后臺(tái)拼出來(lái)的，內(nèi)容是html代碼：如:
<div class="test" onclick="show('tt1','abc')">
在jsp頁(yè)面中，需要通過(guò)js代碼將這個(gè)值付給一個(gè)div，如下：
<script type="text/javascript">
window.parent.document.getElementById('mptree').innerHTML='<%=lefttree%>';
<script>
這樣，由于lefttree中既包含單引號(hào)，又包含雙引號(hào)，而與js中賦值時(shí)最外層的單引號(hào)發(fā)生匹配錯(cuò)誤，變成了：
'<div class="test" onclick="show('tt1','abc')">'
解決方法：
用轉(zhuǎn)義字符"/"
在后臺(tái)拼接lefttree時(shí)，變成以下形式：
<div class="test" onclick="show(///'tt1///',///'abc///')">
其中：
前兩個(gè)“//”用于在頁(yè)面中保留下 一個(gè)“/”
第三個(gè)“/”用于轉(zhuǎn)義后面的單引號(hào)。
這樣在網(wǎng)頁(yè)中，lefttree的值為：
<div class="test" onclick="show(/'tt1/',/'abc/')">
這個(gè)lefttree是從后臺(tái)拼出來(lái)的，內(nèi)容是html代碼：如:
復(fù)制代碼 代碼如下:
<div class="test" onclick="show('tt1','abc')">
在jsp頁(yè)面中，需要通過(guò)js代碼將這個(gè)值付給一個(gè)div，如下：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
window.parent.document.getElementById('mptree').innerHTML='<%=lefttree%>';
<script>
這樣，由于lefttree中既包含單引號(hào)，又包含雙引號(hào)，而與js中賦值時(shí)最外層的單引號(hào)發(fā)生匹配錯(cuò)誤，變成了：
復(fù)制代碼 代碼如下:
'<div class="test" onclick="show('tt1','abc')">'
解決方法：
用轉(zhuǎn)義字符"/"
在后臺(tái)拼接lefttree時(shí)，變成以下形式：
復(fù)制代碼 代碼如下:
<div class="test" onclick="show(///'tt1///',///'abc///')">
其中：
前兩個(gè)“//”用于在頁(yè)面中保留下 一個(gè)“/”
第三個(gè)“/”用于轉(zhuǎn)義后面的單引號(hào)。
這樣在網(wǎng)頁(yè)中，lefttree的值為：
復(fù)制代碼 代碼如下:
<div class="test" onclick="show(/'tt1/',/'abc/')">
您可能感興趣的文章:
- JavaScript 限制文本框不可輸入英文單雙引號(hào)的方法
- js 單引號(hào)替換成雙引號(hào),雙引號(hào)替換成單引號(hào)的實(shí)現(xiàn)方法
- JavaScript中的單引號(hào)和雙引號(hào)報(bào)錯(cuò)的解決方法
- javascript單引號(hào)和雙引號(hào)的區(qū)別和處理
- Js參數(shù)值中含有單引號(hào)或雙引號(hào)問(wèn)題的解決方法
- 淺析Js中的單引號(hào)與雙引號(hào)問(wèn)題
- js中單引號(hào)與雙引號(hào)沖突問(wèn)題解決方法
- javascript 復(fù)雜的嵌套環(huán)境中輸出單引號(hào)和雙引號(hào)
- 關(guān)于JavaScript的單雙引號(hào)嵌套問(wèn)題
相關(guān)文章
下面小編就為大家?guī)?lái)一篇使用canvas進(jìn)行圖像編輯的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦
這篇文章主要介紹了javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦的方法及示例代碼，非常實(shí)用，這里推薦給小伙伴們2014-12-12
javascript實(shí)現(xiàn)3D變換的立體圓圈實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)3D變換的立體圓圈效果,涉及javascript動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)滾動(dòng)與變色的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了微信小程序 css使用技巧總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-01-01
利用CSS、JavaScript及Ajax實(shí)現(xiàn)圖片預(yù)加載的三大方法
本文主要介紹了利用CSS、JavaScript及Ajax實(shí)現(xiàn)圖片預(yù)加載的三大方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
js實(shí)現(xiàn)有時(shí)間限制消失的圖片方法
這篇文章主要介紹了js實(shí)現(xiàn)有時(shí)間限制消失的圖片方法,實(shí)例分析了javascript操作setTimeout及圖片特效操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
layui在form表單頁(yè)面通過(guò)Validform加入簡(jiǎn)單驗(yàn)證的方法
今天小編就為大家分享一篇layui在form表單頁(yè)面通過(guò)Validform加入簡(jiǎn)單驗(yàn)證的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
Javascript Ajax異步讀取RSS文檔具體實(shí)現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-12-12
JavaScript防抖與節(jié)流的實(shí)現(xiàn)與注意事項(xiàng)
防抖和節(jié)流嚴(yán)格算起來(lái)應(yīng)該屬于性能優(yōu)化的知識(shí),但實(shí)際上遇到的頻率相當(dāng)高,處理不當(dāng)或者放任不管就容易引起瀏覽器卡死,下面這篇文章主要給大家介紹了關(guān)于JavaScript防抖與節(jié)流的實(shí)現(xiàn)與注意事項(xiàng),需要的朋友可以參考下2022-03-03
這篇文章主要介紹了js給selected添加options的方法,涉及javascript動(dòng)態(tài)添加頁(yè)面下拉列表selected的技巧,需要的朋友可以參考下2015-05-05