HTML5-JS檔案-讓IE瀏覽器支援HTML5標準
阿新 • • 發佈:2019-02-09
自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>