javascript - 网站中js文件的绝对路径问题

Question

我有一个网站，里面有很多子文件夹。我有以下路径引用我的 js 和 css 文件。

    <link rel="stylesheet" type="text/css" href="css/styles.css" />
 <script type="text/javascript" src="js/jquery.js"></script>

上面的代码在我的本地机器上运行良好。当我将网站托管到生产服务器时，JS 文件未加载。我的托管服务器中的问题是我的网站指向

www.somewebsitename.com

代替

www.somewebsitename.com/home.aspx

.当我使用 www.somewebsitename.com/home.aspx 加载页面时，它正在加载所有 js 文件，仅当我使用 www.somewebsitename.com 加载页面时才加载文件。

请解决我的问题。如何引用 JS 文件，以便在您访问页面时加载它们。

Answer 1

改变:

<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script type="text/javascript" src="js/jquery.js"></script>

收件人:

<link rel="stylesheet" type="text/css" href="/css/styles.css" />
<script type="text/javascript" src="/js/jquery.js"></script>

前导斜杠是一种表达“嘿，我希望你从网站的根开始并从那里开始工作”的方式。

因此，如果 JS 和 CSS 文件夹位于网站的根目录中，那么无论您将这些文件从...子文件夹链接到何处都无关紧要，它总是会查找根目录并向下工作。

祝你好运。迈克尔。