| 解 説 |
IEとNNで別々にスタイルシートを読み込むには、あからじめ別々にスタイルシートファイルを用意しておきます。navigator.appNameを使いブラウザを判別した後にdocument.write()でlinkタグごと出力します。Internet Explorerは後からスタイルシートを読み込み、定義、追加することもできます。
|
| コード |
<![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">ブラウザ別にスタイルシートを読み込んでみました</div>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
ブラウザ別にスタイルシートを読み込む