淺談jquery的html方法里包含特殊字符的處理
在使用jquery的html()方法時(shí),有時(shí)候里面添加的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下會(huì)報(bào)錯(cuò)。
解決方法就是將javascript里面的'進(jìn)行轉(zhuǎn)義改成',這樣就不報(bào)錯(cuò)了。
如上例改為:
inst_html = "<a style=color:white' onmouseover = '";
inst_html += "javascript:showme('"+inst.instId+"_"+valId+"');";
inst_html += "' ";
$("#inst_div_"+valId).html(inst_html);
部分字符轉(zhuǎn)義如下:
•&符號(hào):"&", "&"
•雙引號(hào):"\"", """
•小于號(hào):"<", "<"
•大于號(hào):">", ">"
•單引號(hào):"'", "'"
以上這篇淺談jquery的html方法里包含特殊字符的處理就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動(dòng)畫效果(附在線演示與demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動(dòng)畫效果,并附帶在線演示與demo源碼供讀者下載.涉及jQuery鼠標(biāo)事件響應(yīng)及基于animate動(dòng)畫效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-12-12
基于jquery編寫的橫向自適應(yīng)幻燈片切換特效的實(shí)例代碼
全屏自適應(yīng)jquery焦點(diǎn)圖切換特效,在IE6這個(gè)瀏覽器兼容性問題上得到了和諧,兼容IE6,適用瀏覽器:IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.相關(guān)代碼2013-08-08
jQuery實(shí)現(xiàn)數(shù)字加減效果匯總
本文將介紹常見的幾種使用spinner數(shù)字微調(diào)器來實(shí)現(xiàn)數(shù)字加減的功能的方法。非常的簡單實(shí)用,這里推薦給大家2014-12-12
如何使用jQUery獲取選中radio對應(yīng)的值(一句代碼)
一些基本的語法在使用中老忘掉,下列使用jQUery獲取選中radio對應(yīng)的值,剛剛想起來,感興趣的朋友可以了解下2013-06-06
jquery實(shí)現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁面元素動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jquery對象和javascript對象即DOM對象相互轉(zhuǎn)換
對于已經(jīng)是一個(gè) DOM 對象,只需要用 $() 把DOM對象包裝起來,就可以獲得一個(gè) jQuery 對象了,使用[index]和.get(index)可以轉(zhuǎn)為DOM對象2014-08-08

