1. 程式人生 > >HTML5-JS檔案-讓IE瀏覽器支援HTML5標準

HTML5-JS檔案-讓IE瀏覽器支援HTML5標準

  自HTML5標準的提出就得到非常多的關注,而作為全球使用使用者最多的IE瀏覽器能夠支援HTML5標準也是大家備受關注一個問題,讓IE(包括IE6)支援HTML5元素,我們需要在HTML頭部新增以下JavaScript,這是一個簡單的document.createElement宣告,利用條件註釋針對IE來呼叫這個js檔案。Opera,FireFox等其他非IE瀏覽器就會忽視這段程式碼,也不會存在http請求。

<!–[ifIE]>  
<scriptsrc=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script
>
   <![endif]–>

上面這段程式碼僅會在IE瀏覽器下執行,還有一點需要注意,在頁面中呼叫html5.js檔案必須新增在頁面的head元素內,因為IE瀏覽器必須在元素解析前知道這個元素,所以這個js檔案不能在頁面底部呼叫。

這個html5的js檔案是作者把他放在Google code project上提供給大家可以直接呼叫的,當然,如果覺得這樣會影響你的網頁開啟速度,你可以把html5的js檔案直接下載下來讓後上傳到自己的伺服器單獨呼叫。

以下是html5的js檔案中的程式碼:

 除了在網頁中呼叫包含以上程式碼的js檔案來讓IE瀏覽器支援HTML5元素以外,你也可以以下面這種方式把程式碼直接新增到網頁中。

把html5shiv.js在head裡面引入,如下:

<!DOCTYPE HTML>
<html>
    <head>
        <metacharset="UTF-8">
        <title></title>
        <scripttype="text/javascript"src="js/html5shiv.js"></script>
        <styletype="text/css">nav {
                width:200px
;                 height:100px;                 background:#f12;                 }         
</style>     </head>     <body>         <nav>123abc</nav>abc123     </body> </html>