0

現在の「URL」に応じて、ID固有のスタイルを導入したり、異なるcssファイルをロードしたりすることは可能ですか？

このようなもの：

<script>
 if(location.href == 'http://jpftest2.tumblr.com/about'){ 
document.write('<style type='text/css'>
.social {
  display:none;
}

</style>'); 
} 

</script>

したがって、ユーザーがルートURLから「/about」ページに移動したとき。スタイルを紹介したい：

   .social {
  display:none;
}

URLに応じてまったく別のCSSファイルをロードすることもできればもっと良いでしょうか？

tumblrの異なるページは同じ頭を共有しているので、異なるページに異なるcssを導入することはできません

4

2 に答える 2

2

サイトでAJAX（正しい？）のようなものを使用していると仮定すると（そうでない場合は<head>、ファイルのHTMLにスタイルシートを配置します）、次のようになります。

window.onpopstate = function() {
    if(window.location.path == '/about'){ 
        var css = document.createElement('style');
        css.type = 'text/css';
        css.rel = 'stylesheet';
        css.innerHTML = '.social{display:none;}';
        document.getElementsByTagName('head')[0].appendChild(css);
    }
}

しかし、私はそれをお勧めしません。

于 2012-10-31T05:20:58.497 に答える
1

次のアプローチを使用できます

<script type="text/javascript">
    $(document).ready(function(){

    if(your_url_condition){
            //for IE compatibility
            if (document.createStyleSheet){
                document.createStyleSheet('style.css');
            }
            else {
                $("head").append($("<link rel='stylesheet' href='style.css' type='text/css' media='screen' />"));
            }
        }
    });
</script>

これは機能し、役立つ場合があります。

よろしく！

于 2012-10-31T05:25:54.610 に答える