JS字符串拼接在ie中都報(bào)錯(cuò)的解決方法
更新時(shí)間：2014年03月27日 11:40:49 作者：
最近用js拼接字符串時(shí)遇到問(wèn)題了，不論怎么拼接在ie中都報(bào)錯(cuò)，于是找到了一個(gè)不錯(cuò)的解決方法，在此與大家分享下
好久不用js了，好多東東都忘了。最近用js拼接字符串時(shí)遇到問(wèn)題了，不論怎么拼接在ie中都報(bào)錯(cuò)，很郁悶。
隔了一天，又拿起代碼看了下，突然想起在java中拼接字符串轉(zhuǎn)義字符的事，才想起js也有這個(gè)東東。
原來(lái)這樣:
tr += "<td><a href='javascript:void(0);' onclick='confirmDelOneInfo('"+url2+"','"+obj.title+"');'><img src='images/tab/010.gif'/>";
在編輯器中就不報(bào)錯(cuò)，到瀏覽器中怎么點(diǎn)onclick都都不反映，F(xiàn)12就報(bào)錯(cuò)，看了下腳本，字符串完全變樣
修改后：
tr += "<td><a href='javascript:void(0);' onclick='confirmDelOneInfo(\""+url2+"\",\""+obj.title+"\");'><img src='images/tab/010.gif'/>“
就沒(méi)問(wèn)題了。
知識(shí)總結(jié)：
在js中單雙引號(hào)的效果是一樣的，但是如果你的字符串中有單引號(hào)則外面要用雙引號(hào)，如果你的字符串中存在雙引號(hào)則外面要用單引號(hào)括起來(lái)，這樣就不用轉(zhuǎn)義字符了。
上面的輸出結(jié)果是：
onclick='confirmDelOneInfo("http://...?type=1&nodeId=11","測(cè)試1");'
看出在html中，如果外面使用單引號(hào)則里面要用雙引號(hào)，否則IE報(bào)錯(cuò)，因此用到轉(zhuǎn)義字符\"轉(zhuǎn)換雙引號(hào)。在動(dòng)態(tài)生成html的元素時(shí)，尤其要注意單雙引號(hào)的問(wèn)題，否則會(huì)很頭疼的。
呵呵，一點(diǎn)小知識(shí)的總結(jié)，歡迎指正....
隔了一天，又拿起代碼看了下，突然想起在java中拼接字符串轉(zhuǎn)義字符的事，才想起js也有這個(gè)東東。
原來(lái)這樣:
復(fù)制代碼 代碼如下:
tr += "<td><a href='javascript:void(0);' onclick='confirmDelOneInfo('"+url2+"','"+obj.title+"');'><img src='images/tab/010.gif'/>";
在編輯器中就不報(bào)錯(cuò)，到瀏覽器中怎么點(diǎn)onclick都都不反映，F(xiàn)12就報(bào)錯(cuò)，看了下腳本，字符串完全變樣
修改后：
復(fù)制代碼 代碼如下:
tr += "<td><a href='javascript:void(0);' onclick='confirmDelOneInfo(\""+url2+"\",\""+obj.title+"\");'><img src='images/tab/010.gif'/>“
就沒(méi)問(wèn)題了。
知識(shí)總結(jié)：
在js中單雙引號(hào)的效果是一樣的，但是如果你的字符串中有單引號(hào)則外面要用雙引號(hào)，如果你的字符串中存在雙引號(hào)則外面要用單引號(hào)括起來(lái)，這樣就不用轉(zhuǎn)義字符了。
上面的輸出結(jié)果是：
復(fù)制代碼 代碼如下:
onclick='confirmDelOneInfo("http://...?type=1&nodeId=11","測(cè)試1");'
看出在html中，如果外面使用單引號(hào)則里面要用雙引號(hào)，否則IE報(bào)錯(cuò)，因此用到轉(zhuǎn)義字符\"轉(zhuǎn)換雙引號(hào)。在動(dòng)態(tài)生成html的元素時(shí)，尤其要注意單雙引號(hào)的問(wèn)題，否則會(huì)很頭疼的。
呵呵，一點(diǎn)小知識(shí)的總結(jié)，歡迎指正....
相關(guān)文章
layui框架中l(wèi)ayer父子頁(yè)面交互的方法分析
這篇文章主要介紹了layui框架中l(wèi)ayer父子頁(yè)面交互的方法,結(jié)合實(shí)例形式分析了layer父子頁(yè)面交互的常用技巧以及l(fā)ayer彈出多個(gè)iframe找到父頁(yè)面的操作方法,需要的朋友可以參考下2017-11-11
Javascript中函數(shù)分類&this指向的實(shí)例詳解
其實(shí)想要徹底理解js中this的指向，不必硬背，這篇文章主要給大家介紹了關(guān)于Javascript中函數(shù)分類&this指向的相關(guān)資料,需要的朋友可以參考下2021-05-05
解決js圖片加載時(shí)出現(xiàn)404的問(wèn)題
這篇文章主要為大家詳細(xì)介紹了解決js圖片加載時(shí)出現(xiàn)404問(wèn)題的方法，具有一定的參考價(jià)值，這方面有困惑的朋友可以參考一下2015-11-11
這篇文章主要介紹了JavaScript彈出窗口方法,非常實(shí)用的功能,需要的朋友可以參考下2014-08-08
OpenLayer學(xué)習(xí)之自定義測(cè)量控件
這篇文章主要為大家詳細(xì) 介紹了OpenLayer學(xué)習(xí)之自定義測(cè)量控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
js實(shí)現(xiàn)敏感詞過(guò)濾算法及實(shí)現(xiàn)邏輯
這篇文章主要介紹了js實(shí)現(xiàn)敏感詞過(guò)濾算法及實(shí)現(xiàn)邏輯，文中介紹了dfa算法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07
js動(dòng)態(tài)控制table的tr、td增加及刪除的具體實(shí)現(xiàn)
這篇文章主要介紹了使用js如何動(dòng)態(tài)控制table的tr，td增加及刪除,需要的朋友可以參考下2014-04-04
JavaScript Window窗口對(duì)象屬性和使用方法
這篇文章主要介紹了JavaScript Window窗口對(duì)象屬性和使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
ES6數(shù)組與對(duì)象的解構(gòu)賦值詳解
這篇文章主要介紹了ES6數(shù)組與對(duì)象的解構(gòu)賦值,結(jié)合實(shí)例形式詳細(xì)分析了ES6中數(shù)組與對(duì)象的解構(gòu)賦值原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
微信小程序?qū)W習(xí)(4)-系統(tǒng)配置app.json詳解
我們使用app.json文件來(lái)對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等。2017-01-01