淺談jquery的html方法里包含特殊字符的處理
更新時間：2016年11月30日 09:04:32 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談jquery的html方法里包含特殊字符的處理。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在使用jquery的html（）方法時，有時候里面添加的html代碼含有一些特殊字符，需要進(jìn)行轉(zhuǎn)義。
如下例子：
inst_html = "<a style=color:white' onmouseover = '";
inst_html += "javascript:showme('"+inst.instId+"_"+valId+"');";
inst_html += "' ";
$("#inst_div_"+valId).html(inst_html);
如果這樣直接寫的話，在chrome和FF瀏覽器下，沒有問題，但在IE8下會報錯。
解決方法就是將javascript里面的'進(jìn)行轉(zhuǎn)義改成'，這樣就不報錯了。
如上例改為：
inst_html = "<a style=color:white' onmouseover = '";
inst_html += "javascript:showme('"+inst.instId+"_"+valId+"');";
inst_html += "' ";
$("#inst_div_"+valId).html(inst_html);
部分字符轉(zhuǎn)義如下：
•&符號："&", "&"
•雙引號："\"", """
•小于號："<", "<"
•大于號：">", ">"
•單引號："'", "'"
以上這篇淺談jquery的html方法里包含特殊字符的處理就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實現(xiàn)的點贊隨機(jī)數(shù)字顯示動畫效果(附在線演示與demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)的點贊隨機(jī)數(shù)字顯示動畫效果,并附帶在線演示與demo源碼供讀者下載.涉及jQuery鼠標(biāo)事件響應(yīng)及基于animate動畫效果實現(xiàn)技巧,需要的朋友可以參考下2015-12-12
基于jquery編寫的橫向自適應(yīng)幻燈片切換特效的實例代碼
全屏自適應(yīng)jquery焦點圖切換特效,在IE6這個瀏覽器兼容性問題上得到了和諧,兼容IE6,適用瀏覽器：IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.相關(guān)代碼2013-08-08
本文將介紹常見的幾種使用spinner數(shù)字微調(diào)器來實現(xiàn)數(shù)字加減的功能的方法。非常的簡單實用，這里推薦給大家2014-12-12
如何使用jQUery獲取選中radio對應(yīng)的值(一句代碼)
一些基本的語法在使用中老忘掉,下列使用jQUery獲取選中radio對應(yīng)的值，剛剛想起來，感興趣的朋友可以了解下2013-06-06
下面小編就為大家?guī)硪黄猨Query之簡單的表單驗證實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
本章節(jié)介紹一下在谷歌瀏覽器下利用jquery無法獲取圖片尺寸的現(xiàn)象，而在IE和火狐瀏覽器下能夠正常獲得，當(dāng)然也不是任何時候都無法獲取圖片尺寸，下面給大家介紹遇到此問題該如何解決2015-09-09
jquery實現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼
這篇文章主要介紹了jquery實現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼,涉及jquery鼠標(biāo)click點擊事件及頁面元素動態(tài)操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jquery開發(fā)過程中經(jīng)驗豐富可以提高開發(fā)技巧，本文整理了一些常見的jquery開發(fā)技巧，有需要的朋友可以參考下2013-01-01
jquery對象和javascript對象即DOM對象相互轉(zhuǎn)換
對于已經(jīng)是一個 DOM 對象，只需要用 $() 把DOM對象包裝起來，就可以獲得一個 jQuery 對象了，使用[index]和.get(index)可以轉(zhuǎn)為DOM對象2014-08-08
這篇文章主要介紹了JQuery動畫與特效的用法,實例分析了顯示與隱藏、滑動、淡入淡出及自定義動畫的使用技巧,需要的朋友可以參考下2015-02-02