如何使用Javascript为一个特定的页面加载CSS文件

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

本文关键字：加载 文件 CSS 一个 Javascript 何使用      更新时间：2023-09-26

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

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

我以前从来没有这样做过，下面是我将如何开始:

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

什么代码会为我做这些?

除了用)关闭你的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);

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

在你的网站主题的"添加到头部"部分添加一个标签<TAB_ADDONS>，并将其添加到网站构建器标签，但与一个空白体

然后转到标签列表并找到购物车标签。编辑它并选择标签覆盖找到TAB_ADDONS并输入:

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

你会使用根相对url作为href。

这使您的主题更干净，并允许任意代码包含。

相关文章：