Javascript 使用jquery或其他工具根据URL加载不同的css文件

是否可以根据您所在的“url”引入特定于id的样式或加载不同的css文件

大概是这样的：

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

</style>'); 
} 

</script> 

如果还可以根据URL加载不同的CSS文件会更好吗

---

tumblr上的不同页面共享同一标题，因此我不能在不同页面上引入不同的css，假设您的站点使用类似AJAX的东西（正确吗？）（否则您会将样式表放在文件的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);
    }
} 

---

但是我不推荐它。

假设您的站点使用类似AJAX的东西（正确吗？）（否则您会将样式表放在文件的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);
    }
} 

---

但是，我不建议您这样做。

您可以使用以下方法

<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>

$（文档）.ready（函数（）{
如果（您的url条件）{
//用于IE兼容性
if（document.createStyleSheet）{
document.createStyleSheet（'style.css'）；
}
否则{
$（“head”）。追加（$（“”）；
}
}
});

这将起作用，并可能对您有所帮助

---

问候

您可以使用以下方法

<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>

$（文档）.ready（函数（）{
如果（您的url条件）{
//用于IE兼容性
if（document.createStyleSheet）{
document.createStyleSheet（'style.css'）；
}
否则{
$（“head”）。追加（$（“”）；
}
}
});

这将起作用，并可能对您有所帮助

---

问候

当然，这篇文章是带有jQuery的tagget。@felipeclopes嘿，felipe，我想知道我应该用什么来替换“（你的url条件）像“location.href==”？是的，你应该用浏览器url比较来替换。或者可能是一个开关盒。当然，这篇文章是带有jQuery的tagget。@felipeclopes嘿，felipe，我想知道我应该替换什么（您的url条件）使用？类似于“location.href==”？是的，您应该替换为浏览器url比较。或者可能是一个开关盒。