Question

有没有办法在html的头部获得absoulte路径？

我想将absoulte路径用作变量。我没有找到任何针对此案的内容。这样的事情可能吗？

<!-- increment button -->
<input type='button' name='add' onclick='javascript: document.getElementById("qty").value++;' value='+'/>
<!-- quantity input -->
<input name='qty' id='qty' style="text-align:center;" type="text" value="1"  autocomplete="off" size="2">
<!-- decrement button -->
<input type='button' name='subtract' onclick='javascript: document.getElementById("qty").value--;' value='-'/>

我不知道如何把var放在脑袋里。通常我们可以使用 document.write ......但是在头脑中？链接标记中没有值或id。

谢谢！

Answer 1

你不再需要绝对路径了，/会做到这一点

   <link href="/css/bootstrap.min.css" rel="stylesheet">

Answer 2

您可以手动加载此CSS：

<html>
  <head>
    <script>
      var absolutePath = window.location.href;

      var link = document.createElement('link');
      link.rel = "stylesheet";
      link.href = absolutePath + "/css/bootstrap.min.css";
      document.head.appendChild(link);
    </script>
  </head>

请注意，相对于当前页面，它会创建一个定位/css/bootstrap.min.css文件的元素。

例如，如果您在此页面上执行此代码，则会尝试加载http://stackoverflow.com/questions/38993155/how-to-use-the-absolute-path-in-the-head/38993218/css/bootstrap.min.css。

如果您想使用网站根目录的绝对路径加载它，那么只需使用/css/bootstrap.min.css网址。

Answer 3

您可以使用斜杠（/）来引用根目录。

  <head>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
  </head>

这里有一个列表作为快速参考：

   /   = Root directory
   .   = This location
   ..  = Up a directory
   ./  = Current directory
   ../ = Parent of current directory
   ../../ = Two directories backwards

如果您需要ES6中的客户端解决方案，可以使用以下代码：

  var path = window.location.href,
      sourceNode = document.createElement('link');
  sourceNode.rel = "stylesheet"; 
  sourceNode.href(`${path}/css/bootstrap.min.css`);
  document.head.appendChild(sourceNode);

如何使用头部的绝对路径

3 个答案: