在HTML页面中基于URL变量加载CSS

时间:2011-05-26 23:32:01

标签: html css urlvariables

当我的网址变量包含“?view = full”时,我想加载一个样式表。

是否可以在HTML(即非PHP)中执行此操作?如果是这样,怎么样?

2 个答案:

答案 0 :(得分:9)

纯HTML不可能;你必须使用PHP或JavaScript。如果您想在JavaScript中执行此操作,可以将其放在<head>部分中:

<script>
if (window.location.search.indexOf('?view=full') === 0)
    document.write('<link rel="stylesheet" href="theStylesheet.css" />');
</script>

答案 1 :(得分:3)

如果存在GET参数,这将在link元素中创建head元素。

if (window.location.search.search(/[?&]view=full(?:$|&)/) !== -1) {
    var link = document.createElement('link');
    link.type = 'text/css'; 
    link.rel = 'stylesheet';
    link.href = 'path/to/it.css';
    document.getElementsByTagName('head')[0].appendChild(link);
}