js文件的路径问题

Question

我有以下目录结构：

/script/x.js

/includes/x.txt

/1/2/index.html

将网页挂钩到JQuery后，如果我在HTML文件index.html中运行以下内容，x.txt文件会正确显示...

<script type="text/javascript">
    $(function(){
        $('.footer').load('../../includes/x.txt');
    });
</script>

如果我将以下代码放在x.js文件中，相应地改变footer.txt的相对路径

$(function(){
$('.footer').load('../includes/x.txt');
});

并使用

将x.js文件挂钩到页面中

<script type="text/javascript" src="../../script/global.js"></script>

它不起作用。

这显然是我遇到错误的路径问题，任何指导都会受到赞赏。

Answer 1

使用绝对路径。他们从/开始。那就是：

<script type="text/javascript">
    $(function(){
        $('.footer').load('/includes/x.txt');
    });
</script>

和

$(function(){
    $('.footer').load('/includes/x.txt');
});

和

<script type="text/javascript" src="/script/global.js"></script>

Answer 2

相对路径始终来自您所在的页面。由于您尝试从includes文件夹访问文件，因此您必须返回2个文件夹然后访问它。

$(function(){
   $('.footer').load('../../includes/footer.txt');
});