1、hmlhiv.jRemy開發(fā)的HTML5hiv工具能利用JavaScip在老式IE里創(chuàng)建mai,heade,fooe等HTML5元素。也就是說使用JavaScip能創(chuàng)建這些本來不存在的HTML5新元素。這是什么原理?你可能花幾天也想不明白,但誰......
以下是【金聰采編】分享的內(nèi)容全文:
以下是【金聰采編】分享的內(nèi)容全文:
1、htmlshiv.js
Remy開發(fā)的HTML5shiv工具能利用JavaScript在老式IE里創(chuàng)建main,header,footer等HTML5元素。也就是說使用JavaScript能創(chuàng)建這些本來不存在的HTML5新元素。這是什么原理?你可能花幾天也想不明白,但誰在意呢!這個腳本幾乎是所有正式網(wǎng)站必用的js。
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
2、selectivizr.js
Selectivizr.js是一款神奇的工具,它能提供大量IE不支持的CSS選擇器和屬性,包括所有的last-child選擇器。最近在網(wǎng)站改版過程中,我使用了selectivizr,網(wǎng)站竟然可以毫不走樣的在老式IE瀏覽器的正常顯示。下面是我使用的代碼片段:
<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->
現(xiàn)代新技術WEB項目不可缺少的js庫。它只會在老式IE里加載。
3、<html>條件判斷注釋
你一定見到過這種極其丑陋的條件判斷注釋。然而,丑雖丑,它卻能讓你的網(wǎng)頁能按你希望的方式運行:
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7 lazy " lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 lazy " lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9 lazy " lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
這段代碼不需要JavaScript,不需要等待JavaScript的加載,你定義的CSS樣式會立即生效起作用,沒有那種因為加載延遲而出現(xiàn)的樣式閃變。
雖然IE在奮起直追它的那些競爭對手,但現(xiàn)實情況是老式的IE瀏覽器仍然相當普遍,特別是在那些發(fā)展中國家。欣慰的是,上面的這些工具在所有瀏覽器里都可以使用。

侵權舉報/版權申訴



