Question

如果页面名为mypage.html，我希望下面的javascript更新特定的css链接bootstrap.min.js。
我该怎么做？

<html>
  <head>

  <link rel="stylesheet" type="text/css" href="/css/bootstrap377.min.css"/>
  <link rel="stylesheet" type="text/css" href="/css/some_other_stylesheet.css"/>

  <script type="text/javascript">
    var filename = location.href.split("/").slice(-1); 

    if (filename == "mypage.html") {
      HOW DO I DO THIS:  update the above stylesheet link to be bootstrap400.min.css (or should this script be before the css link?)
    }
  </script>


  </head>
  <body>
    this is a test
  </body>
</html>

Answer 1

使用document.querySelector获取对link元素的引用，然后以通常的方式更改href属性。

var filename = location.href.split("/").slice(-1); 

if (filename == "mypage.html") {
  var link = document.querySelector("link[href='/css/bootstrap377.min.css']");
  link.href = "/css/bootstrap400.min.css";
}

如何让javascript根据页面名称修改css链接？

1 个答案: