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