javascript - 如何为正在查看的网站动态更改 css 样式表？

Question

我有一个网站，用户可以在其中使用向导生成自己的 Codeigniter 网站，用户将提供模块、字段和功能的详细信息。根据用户输入，将生成一个网站并将其部署在我的网站上，并在用户下载之前向用户展示一个演示。一切正常。

现在我打算允许用户在预览时为生成的网站选择不同的样式/主题。如何让用户在不重新加载整个页面的情况下立即看到他们的更改？

我尝试用所选样式替换生成网站上的样式表文件，然后重定向到生成网站上的另一个页面。但是使用了相同的样式表文件，因为它已经被浏览器缓存了。所以请给我一些选择。如果这可以在不重定向用户的情况下完成，那将是我的最佳选择。

Answer 1

向 View 传递一个变量，变量保存样式表文件名的值？至于当用户在同一页面时更改样式文件...请参阅以下问题:Is there an easy way to reload css without reloading the page?

<?php
$data['stylesheet_name'] = 'user1';

$this->load->view('viewname', $data);

/**
 * View File
 **/

<link rel="stylesheet" type="text/css" href="/css/user/<?= $stylesheet_name; ?>.css" />