Из вашего комментария, где вы говорите, что вы хотите изменить в заголовке «главным образом таблицы стилей», я понимаю, что вы хотите применять различные таблицы стилей в зависимости от разрешения экрана и / или некоторых других условий.Это вы можете сделать, но не так, как вы описываете.Вместо этого попробуйте что-то вроде следующего:
<html>
<head>
<script>
if (whateveryourconditionis) {
document.write('<link rel="stylesheet" href="sheet1.css" type="text/css">');
} else (someothercondition) {
document.write('<link rel="stylesheet" href="sheet2.css" type="text/css">');
document.write('<link rel="stylesheet" href="sheet3.css" type="text/css">');
} else {
document.write('<link rel="stylesheet" href="default.css" type="text/css">');
}
</script>
</head>
<body>
</body>
</html>
Я бы обычно не рекомендовал document.write()
, но для такого рода целей, когда страница все еще загружается, это совершенно нормально и проще, чем альтернативы.Если вы предпочитаете, вы можете использовать document.createElement();
, а затем установить соответствующие атрибуты и добавить его к <head>
, но я не буду беспокоиться об этом, если вы не захотите изменить таблицы стилей после загрузки страницы.
Вы также можете использовать библиотеку условного загрузчика, такую как YepNope.js (не беспокойтесь об акценте на загрузку файлов JS, он также сделает CSS).