Загрузка CSS на основе переменной URL в HTML-странице

Я хотел бы загрузить таблицу стилей, когда моя переменная URL содержит "?вид=полный".

Можно ли это сделать в HTML (т. е. не PHP)? Если да, то как?

2 4
html css urlvariables

2 ответа:

Это невозможно в чистом HTML; вам придется использовать либо PHP, либо JavaScript. Если вы хотите сделать это в JavaScript, вы можете поместить это в свой раздел <head>: 

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

Это создаст элемент link в вашем элементе head, если этот GET param присутствует.

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);
}
3