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