0

特定の css クラスがページに存在する場合、css スタイルシートを追加する必要があります。

つまり、次の JS を編集します。

<script>
<!--
function getStylesheet() {
      var currentTime = new Date().getHours();
      if (0 <= currentTime&&currentTime < 5) {
       document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
      }
      if (5 <= currentTime&&currentTime < 11) {
       document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
      }
      if (11 <= currentTime&&currentTime < 16) {
       document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
      }
      if (16 <= currentTime&&currentTime < 22) {
       document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
      }
}

getStylesheet();
-->
</script>

上記の時間ではなく、特定のクラスがページに存在する場合、css ファイルを追加する必要があります。

if class="company" - company.css を使用

class="contact" の場合 - contact.css を使用

class="enterprise" の場合 - enterprise.css を使用

class="media" の場合 - media.css を使用

どうすればいいですか？

4

3 に答える 3

1

jQuery を使用できる場合は、以下を使用してクラスがページに存在するかどうかを判断できます。

if ($('.class').length){
    // code
}

存在.classするかどうかを確認しようとしているクラスに置き換えます。

そう： 

if ($('.company').length){
    document.write("<link rel='stylesheet' href='company.css' type='text/css'>");
}
if ($('.contact').length){
    document.write("<link rel='stylesheet' href='contact.css' type='text/css'>");
}
etc...
于 2013-07-21T17:20:13.470 に答える
0

とにかくお勧めするjQueryを使用している場合：

var myTypes = ['company', 'contact', 'enterprise', 'media'];
for (i in myTypes) {
    if ($('.' + myTypes[i]).length) {
        loadMyCSS(myTypes[i])
        break;
    }
}
于 2013-07-21T17:18:59.900 に答える
0

これを行うべきではありません。それには何のメリットもありません。<body>すべてを 1 つのスタイルシートにまとめて、またはのクラスに基づいてページのスタイルを変更します<html>。簡単な例を次に示します。

<body class="page-company">

それからする

.page-company h1 { }

等々。

于 2013-07-21T17:19:05.007 に答える