Если вы можете использовать серверный язык, такой как PHP, я бы сделал это примерно так:
<?php
$allowed_stylesheets = array("red", "white", "blue", "green", "mobile");
$default_stylesheet = "red";
$stylesheet =
(in_array($_GET["stylesheet"]) ? $_GET["stylesheet"] : $default_stylesheet);
?>
<link rel="stylesheet" type="text/css" href="<?php echo $stylesheet; ?>">
тогда вы сможете вызвать свою страницу и переключить таблицу стилей следующим образом:
www.example.com/page.php?stylesheet=mobile
обратите внимание, что для запуска .html
страницы в PHP, вероятно, требуется некоторая настройка сервера, по умолчанию в PHP анализируются только страницы .php
. В зависимости от вашей ситуации это может быть слишком хлопотно, чем стоит. Однако я не знаю ни одного чистого HTML-способа надежного переключения таблиц стилей.
Кроме того, таким образом, вам придется повторять команду таблицы стилей каждый раз, когда вы вызываете страницу.