当前位置: 首页 > 面试题库 >

外部文件中Javascript中的相对路径

燕青青
2023-03-14
问题内容

因此,我正在运行此javascript,并且除背景图片的路径外,其他所有功能都正常运行。它可以在我的本地ASP.NET
Dev环境中工作,但是在部署到虚拟目录中的服务器时不起作用。

这在外部.js文件中,文件夹结构为

Site/Content/style.css
Site/Scripts/myjsfile.js
Site/Images/filters_expand.jpg
Site/Images/filters_colapse.jpg

然后这就是js文件所在的位置

Site/Views/ProductList/Index.aspx

$("#toggle").click(function() {
    if (left.width() > 0) {
        AnimateNav(left, right, 0);
        $(this).css("background", "url('../Images/filters_expand.jpg')");
    }
    else {
        AnimateNav(left, right, 170);
        $(this).css("background", "url('../Images/filters_collapse.jpg')");
    }
});

我已经尝试过使用'/Images/filters_collapse.jpg',但也不起作用;但是,如果使用,它似乎可以在服务器上工作'../../Images/filters_collapse.jpg'

基本上,我希望具有与ASP.NET tilda-相同的功能~

更新

外部.js文件中的路径是相对于它们所包含的Page的位置,还是.js文件的实际位置?


问题答案:

JavaScript文件路径

在脚本中时, 路径相对于显示的页面

为了使事情变得更容易,您可以打印出一个简单的js声明,并在整个脚本中使用此变量:

解决方案于2010年2月左右在 StackOverflow上 采用:

<script type="text/javascript">
   var imagePath = 'http://sstatic.net/so/img/';
</script>

如果您在2010年左右访问此页面,则只需看一下 StackOverflow的html源 ,您就可以在本<head />节中找到此坏蛋一排[格式为3行:)]



 类似资料:
  • 问题内容: 因此,我正在运行此javascript,并且除背景图片的路径外,其他所有功能都正常运行。它可以在我的本地ASP.NET Dev环境中使用,但是当部署到虚拟目录中的服务器时则无法使用。 这在外部.js文件中,文件夹结构为 然后这就是js文件所在的位置 我已经尝试过使用,但也不起作用;但是,如果使用,它似乎可以在服务器上工作。 基本上,我希望具有与ASP.NET tilda-相同的功能。

  • 我只是在尝试IntelliJ IDE,我想在java项目中添加一个外部jar。 我已经在

  • 问题内容: 当我通过相对路径引用CSS文件中的图片或其他文件时,是使用CSS文件相对于CSS文件还是HTML文件的路径? 问题答案: 是的,这是相对于 这是一个示例布局: CSS中:

  • 我正在用Joomla编写一个组件,希望使用JavaScript。 我在一个separat测试html页面中获得了JavaScript部分,但现在我想将其包含在Joomla组件中。 在脚本中,我需要到图像文件夹的路径。我不想在脚本中硬编码绝对路径。如何获得相对路径?我可以使用Joomla函数吗? 谢谢。

  • 问题内容: 我想知道如何指定存储在Java项目的src文件夹中的文本文件的相对路径名。我想用此文本文件的路径存储一个字符串。例如,如果我的java项目的src文件夹中有example.txt,我将如何查找其相对路径?我也在我的主机中这样做,所以我在使用.getResource()时遇到了麻烦。我该怎么做?谢谢。 我的文件路径是从Eclipse /MyProject/src/data.txt中的属性

  • 问题内容: 我希望我的Web应用程序使用以下路径登录文件:webapp / logs / 我可以在log4j.properties文件中设置绝对路径,但是生产环境的目录结构将有所不同。有什么办法可以做到吗? 这是我的方法: 这是将日志打印到我的eclipse目录(c:// eclipse)中名为log.log的文件中。我正在使用Tomcat 6。 问题答案: log4j能够扩展系统属性,因此,如果