創意無形 創意有形




技術共享

jQuery.support 的實現方式


jQuery.support


jQuery.support 用于檢查瀏覽器對各項特性的支持。檢查項多達 27 個。

首先,讓我們用一段代碼測試一下 support 中包含的檢查項:


IE 下的輸出結果為:

support.leadingWhitespace = false
support.tbody = false
support.htmlSerialize = false
support.style = false
support.hrefNormalized = false
support.opacity = false
support.cssFloat = false
support.checkOn = true
support.optSelected = false
support.getSetAttribute = false
support.submitBubbles = false
support.changeBubbles = false
support.focusinBubbles = true
support.deleteExpando = false
support.noCloneEvent = false
support.inlineBlockNeedsLayout = false
support.shrinkWrapBlocks = true
support.reliableMarginRight = true
support.noCloneChecked = false
support.optDisabled = true
support.radioValue = false
support.checkClone = undefined
support.appendChecked = false
support.boxModel = false
support.reliableHiddenOffsets = false
support.ajax = true
support.cors = false

FireFox 中的顯示結果為:

support.leadingWhitespace = true
support.tbody = true
support.htmlSerialize = true
support.style = true
support.hrefNormalized = true
support.opacity = true
support.cssFloat = true
support.checkOn = true
support.optSelected = true
support.getSetAttribute = true
support.submitBubbles = true
support.changeBubbles = true
support.focusinBubbles = false
support.deleteExpando = true
support.noCloneEvent = true
support.inlineBlockNeedsLayout = false
support.shrinkWrapBlocks = false
support.reliableMarginRight = true
support.noCloneChecked = true
support.optDisabled = true
support.radioValue = true
support.checkClone = undefined
support.appendChecked = true
support.boxModel = true
support.reliableHiddenOffsets = true
support.ajax = true
support.cors = true

需要注意的是,源代碼中 checkClone 的檢查是有問題的。這將在后面提到。     接下來,我們就對這些檢查項進行逐一的分析。



leadingWhitespace


檢查用 innerHTML 賦值時,是否會保留前面的空白符。

IE中為 false , Firefox 中為 true 。

實現方式如下:

$ = function(){
// Other codes ...

var support = {
leadingWhitespace: (div.firstChild.nodeType === 3),
tbody: !div.getElementsByTagName("tbody").length
}

// Other codes ...
}();

這段代碼在原有基礎上為 support 增加了 tbody 屬性, 并檢查是否能夠獲取 tbody 標簽。由于 innerHTML 中已經包含了 table 標簽,能獲取 tbody 標簽的話則表示會自動為 table 插入 tbody,否則表示不會自動插入 tbody 。


發布日期:2011-5-6 12:26:09 本文地址:http://www.ketoantre.com/archive/custom/jQuerysupport.html Tags標簽: 版權聲明:         本站所有內容皆為原創!版權歸 廣州有象創意設計有限公司 所有。
        未經授權,擅自盜用、抄襲等等,必將追究法律責任!轉載、傳播請注明出處!
        舉報有獎!舉報維權所得 90% 歸舉報者所有!
        舉報電話:020-29060666
        舉報郵箱:webmaster@webx.cc
        舉報QQ: 272131727
        常務律師:周曉武

您現在的位置:首頁 > 公司新聞 > 技術共享 上一篇:{aspcms:prevtitle}
下一篇:Dell Venue Pro

相關內容: 1. 有象創意 - 在線汽車展廳 - 網頁3D產品展示效果
2. 美格派披薩 - 響應式/交互案例
3. 云山名都電子樓書 - 項目專題設計
4. 攝影師李偉個人網站 - 傳統設計案例
5. 廣東江影電影器材設備有限公司官網 - 傳統設計案例
6. 比特廣告 - 響應式/交互案例
7. 唐美世家 - 響應式/交互案例
8. 修圖師劉鐵 - 響應式/交互案例
9. 文耀建筑室內空間攝影攝像 - 響應式/交互案例
10. 龍浩攝影 - 響應式/交互案例

聯系方式
Contact

此處聯系表單僅供特殊情況使用。若您需要聯系 有象創意,請以電話方式,或者導航菜單上的 QQ、QQ 郵箱微信方式聯系。

請輸入您的問題:
請輸入您的稱呼(例如:張三 先生):
請輸入您的11位手機號碼,以方便我們及時回復您:
請輸入正確的 E-mail 地址:
請輸入具體信息:
留言已經成功發送!
信息發送錯誤,請重新發送,或直接撥打我司熱線: 020-29060666      4008-588-557

廣州有象創意設計有限公司

020-29060666 4008-588-557 webvov@qq.com 272131727 工作時間:周一至周五
        9:00-12:00 / 14:00-18:00


版權所有:©廣州有象創意設計有限公司 翻版必究!   粵 ICP 備 16079837 號