如何 Javascript 只为一个特定页面加载 CSS 文件？

Question

我正在 Netsuite 上使用嵌套表编码的购物车...我知道这很糟糕。

因为我只能访问字段来自定义网站，所以我需要一个 JS 片段才能为购物车加载特定的 CSS 文件（以避免对网站的其余部分进行样式设置）

我以前从未这样做过，这是我开始的方式：

<script type="text/javascript">
var path = window.location.pathname;
if(path.indexOf('/Cart') !=-1 {
  // load css file
}
</script>

什么代码可以为我做到这一点？

Answer 1

除了用 ) 关闭你的 if(... 之外，这应该让你继续：

var styles = document.createElement("link");
styles.rel = "stylesheet";
styles.type = "text/css";
styles.href = "file.css";  // your file's URL
document.getElementsByTagName("head")[0].appendChild(styles);

Answer 2

虽然测试 url 确实有效，但有一种更好的方法来添加选项卡和类别特定标记。

在您的网站主题中的 "Additions to Head" 部分添加一个标签 <TAB_ADDONS> 并将其添加到网站构建器标签，但正文为空白

然后转到选项卡列表并找到购物车选项卡。编辑它并 select 标签覆盖找到 TAB_ADDONS 并输入：

<link rel="stylesheet" type="text/css" href="file.css">

您将使用根相对 url 作为 href。

这可以使您的主题更加简洁，并允许包含任意代码。

如何 Javascript 只为一个特定页面加载 CSS 文件？

How to Javascript to load a CSS file only for one specific page?

javascript

css

netsuite