當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 根據瀏覽器不同設置CSS

根據瀏覽器不同設置CSS

2012/11/13 07:42:26作者：佚名來源：網絡

移動端

【實例名稱】

根據瀏覽器不同設置CSS

【實例描述】

不同的瀏覽器在同樣的CSS下顯示效果可能不同，有時候為了保證界面的一致性，需要根據瀏覽器的不同設置相應的CSS。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<script language=javascript> 
if ((navigator.appName == "Microsoft Internet Explorer") && 
(parseInt(navigator.appVersion) >= 4))
{
      document.write('<link rel=stylesheet type="text/css" href="ie.css">')
 //IE瀏覽器下的樣式
}
else {
      document.write('<link rel=stylesheet type="text/css" href="ns.css">')
//Netscape下的樣式
}
</script>
</head>
<body>
</body>
</html>

【難點剖析】

本例并沒有給出代碼中使用的“ie．css”和“ns．css”樣式表。只是說明了如何通過“naVigator．appName”屬性判斷瀏覽器的類型，然后使用“link rel”動態指定瀏覽器應該加載的Css樣式表。

【源碼下載】

為了JS代碼的準確性，請點擊：根據瀏覽器不同設置CSS 進行本實例源碼下載

標簽：

上一篇：如何實現動態修改CSS的樣式
下一篇：JS實現漢字按拼音排序

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频