使用jquery动态更改CSS导入的名称

我想使用jquery动态更改CSS导入的名称。 从

到

HTML

它在本地系统上运行良好，但当基本Url出现在图片中时，就会出现问题

请注意，我不想硬编码的基础网址，因为它的变化基于托管环境，如

app.project.com/baseurl/css/Theme.css
app.project.com/UAT/css/Theme.css
app.project.com/design/css/Theme.css

您可以使用一个（其中第二个参数是旧值）并替换该方法

$('.theme-pallete button').on('click', function () {
    var sheetName = 'blueTheme';
    $('link[href$="Theme.css"]').attr('href', (i, value) => value.replace(/Theme\.css$/, sheetName + '.css');
});

您可以使用一个（其中第二个参数是旧值）并替换该方法

$('.theme-pallete button').on('click', function () {
    var sheetName = 'blueTheme';
    $('link[href$="Theme.css"]').attr('href', (i, value) => value.replace(/Theme\.css$/, sheetName + '.css');
});

---

只需用新名称替换themename即可

function changeCssURL(themename){
 $("button").click(function(){
   $('link[href$="Theme.css"]').attr("href", "app.project.com/UAT/css/"+themename+".css");
  });
}

---

只需用新名称替换themename即可

function changeCssURL(themename){
 $("button").click(function(){
   $('link[href$="Theme.css"]').attr("href", "app.project.com/UAT/css/"+themename+".css");
  });
}

---

我喜欢这种方法。这是第一次完全正常工作，但变量sheetName的值在单击按钮时会不断动态更改。我已经更新了代码。请相应地修改你的答案。我喜欢这种方法。这是第一次完全正常工作，但变量sheetName的值在单击按钮时会不断动态更改。我已经更新了代码。请相应地修改您的答案。任何解决方案都不必硬编码baseurl

app.project.com/UAT/

，因为它在app.project.com/design/css/Theme.cscan上不起作用。您是否使用会话变量？如果是的话，那么你可以做一些事情，比如这个解决方案不需要硬编码baseurl

app.project.com/UAT/

，因为它在app.project.com/design/css/Theme.cscan上不起作用。你使用了会话变量吗？如果是的话，你就做些什么，比如