非常简单

Question

我有一个名为main.js的JavaScript文件。

在main.js内部我想获取当前文件的绝对路径，例如：

http://server/app/main.js

http://server/app/script/main.js

获得绝对路径的最快方法是什么？

Answer 1

您可以在以下位置调查脚本集：

var scripts = document.getElementsByTagName("script");

对于返回的scripts数组中的每个元素，您都可以访问其src属性。

当前正在执行的包含文件将始终是scripts数组中的最后一个。因此，您可以scripts[scripts.length-1]访问它。

当然这只会在初始代码运行时起作用，并且在加载初始脚本后调用的函数中没有用处，所以如果您需要稍后可用的值，则需要将其保存到变量。

Answer 2

获取javascript文件的当前路径名

将它放在/ tmp下面的apache目录中，并将其命名为test.html。访问网址

localhost/grader/test.html?blah=2#foobar

使用Javascript：

<html>
<script>
  alert(location.pathname);  // /tmp/test.html
  alert(location.hostname);  // localhost
  alert(location.search);    // ?blah=2
  alert(document.URL);       // http://localhost/tmp/test.html?blah=2#foobar
  alert(location.href);      // http://localhost/tmp/test.html?blah=2#foobar
  alert(location.protocol);  // http:
  alert(location.host);      // localhost
  alert(location.origin);    // http://localhost
  alert(location.hash);      // #foobar
</script>                            
</html>

有关位置属性的更多信息：http://www.w3schools.com/jsref/obj_location.asp

或者如果你有jquery：

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
</script>
  $(location).attr('href');      // http://localhost/tmp/test.html?blah=2#foobar
  $(location).attr('pathname');  // /tmp/test.html
</script>
</html>

Answer 3

这会奏效。但是，它要求您已经知道脚本的文件名是什么。但在大多数情况下你都会知道。

function absFileLoc(filename) {
  var scriptElements = document.getElementsByTagName('script');
  for (var i = 0; i < scriptElements.length; i++) {
    var source = scriptElements[i].src;
    if (source.indexOf(filename) > -1) {
      var location = source.substring(0, source.indexOf(filename)) + filename;
      return location;
    }
  }
  return false;
}

Answer 4

现代方式

获取绝对路径的最快方法是使用document.currentScript

const url = document.currentScript.src;

也可以使用URL：）

来读取URL的组成部分。

const url = new URL('http://www.example.com/cats');
console.log(url.hostname); // "www.example.com"
console.log(url.pathname); // "/cats"

所有现代浏览器都应支持这些方法。

Answer 5

var path = document.location.pathname

将提供当前的html页面。

如果您查找当前脚本，请尝试以下网站中提到的方式：

http://bencarpenter.co.uk/javascript-path-to-the-current-script

Answer 6

我知道这是一个较旧的问题，但仍然是实际的，因为IE仍然没有提供脚本src。

最好的形式是给脚本标记一个唯一的ID：

    <script id="kuvaScript" src="jscripts/kuva/kuva.min.js"></script>

我在脚本中使用：

    var thisScript = $("#kuvaScript").attr("src");
    var thisPath = thisScript.split('/').slice(0, -1).join('/')+'/';

它将保持src格式（相对或完整）并在IE和Chrome中进行测试。

希望它会为你节省很多时间。

Answer 7

非常简单

将此信息放入要获取路径的* .js文件中：

let scripts = document.getElementsByTagName('script')
let lastScript = scripts[scripts.length -1]
console.log('lastScript', lastScript.src)

Answer 8

如果要获取当前文件名或目录

，请尝试此操作

＆＃13;

location.href.split('/')[ location.href.split('/').length - 1 ];

＆＃13;

如何获取当前javascript文件名的绝对路径

8 个答案:

现代方式

非常简单