国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery中html()方法使用不當帶來的陷阱

2019-11-20 23:52:10
字體：大 中 小
來源：轉載
供稿：網友
查看源碼
復制代碼 代碼如下:

return this[0] && this[0].nodeType === 1 ?
this[0].innerHTML.replace(rinlinejQuery, "") :
null;

得知其通過非標準的但所有瀏覽器都支持的innerHTML實現。
有些使用者會用html()方法的返回值作為代碼分支的條件，比如：
復制代碼 代碼如下:

var str = $('#user').html();
if( str=='jack' ){
...
}else if( str=='tom' ){
...
}else if( str=='lily' ){
...
}

多數情況下這沒什么問題，但如果id=user的html元素內有空格，則不會得到想要的結果了。比如：
復制代碼 代碼如下:

<div id="user"> jack</div>
<script>
alert(document.getElementById('user').innerHTML.length);
</script>

div[id=user]內文本jack前不小心多了3個空格，這時候在各瀏覽器表現不一樣：
IE6/78中，彈出字符串的長度是4，即忽略了空格。
IE9/Firefox/Safari/Chrome/Opera中，彈出則是7，即沒有忽略空格。
這時候拿.html()的返回值作為代碼分支的條件明顯在非IE瀏覽器中會出錯。
如果非要使用元素的html內容作為判斷條件，解決辦法很簡單
1，寫html時去掉空格
2，調用html()方法后再調用trim，如var str = $('#user').html().trim();

相關：

http://www.w3.org/TR/2008/WD-html5-20080610/dom.html#innerhtml0
僅IE6/7/8中innerHTML返回值忽略英文空格的問題

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 陆川县| 江油市| 大英县| 会泽县| 卢龙县| 若尔盖县| 治多县| 南陵县| 南丹县| 赞皇县| 肃南| 丹凤县| 淳化县| 内乡县| 上杭县| 漳浦县| 郴州市| 荃湾区| 陕西省| 平江县| 芦溪县| 天津市| 华阴市| 武清区| 梨树县| 封丘县| 迭部县| 开化县| 如东县| 平和县| 五台县| 嵊州市| 隆化县| 邢台市| 武隆县| 金坛市| 始兴县| 桃园县| 桃园县| 哈巴河县| 九江县|