| ポイント |
<![CDATA[
str = navigator.appName.toUpperCase();
if (str.indexOf("NETSCAPE") >= 0) fName = "nn.css";
if (str.indexOf("EXPLORER") >= 0) fName = "ie.css";
document.write("<link rel='stylesheet' href='"+fName+"' type='text/css'>");
]]>
|
| 説 明 |
ブラウザ別(IE,NN)にスタイルシートを指定するには、あからじめ別々にスタイルシートファイルを用意しておきます。ブラウザ判別後にdocument.write()でlinkタグごと出力することで別々のスタイルシートファイルを読み込むことができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ブラウザ別にスタイルシートを読み込む</title>
<script Language="JavaScript"><!--
fName = "";
str = navigator.appName.toUpperCase();
if (str.indexOf("NETSCAPE") >= 0) fName = "nn.css";
if (str.indexOf("EXPLORER") >= 0) fName = "ie.css";
document.write("<link rel='stylesheet' href='"+fName+"' type='text/css'>");
// --></script>
</head>
<body>
<div class="txt">ブラウザ別にCSS読み込み</div>
</body>
</html>
]]>
|
| 補足説明 |
navigator.userAgentで完全にブラウザを特定できるわけではありません。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ブラウザ別にスタイルシートを読み込む