gpt4 book ai didi

javascript - 如何在开发中和不使用相对路径的Web服务器上加载常见的JavaScript文件?

转载 作者:行者123 更新时间:2023-11-28 13:42:49 25 4
gpt4 key购买 nike

我是一个新手,但我在过去的两天里读了很多关于这方面的内容,我读得越多,就越感到困惑。无法找到一个简单的说明或示例来遵循,或者这个非常重要的问题的简单而完整的答案。

我只想使用 src= 包含一个常见的 javascript 文件。然后,当我将这棵树复制到服务器时,我不想更改代码中的任何内容。我不想使用相对路径,因为我不想每次更改树布局时都编辑 HTML 文件。我想要一种解决方案,当树位于服务器上时,以及在开发过程中树位于我的本地 PC 上时,该解决方案都可以工作。

我并不是在寻找先进或奇特的东西。但这是一个非常简单的解决方案。我想要的只是能够在树中的所有 HTML 文件之间使用通用的 javascript 文件。

问题是我如何加载它,因为我不能使用 $HOME~ 或环境变量等,所以相同的代码可以在我的家用电脑上运行,并且当我将其上传到我的个人网站时也可以运行。

为了简单地回答这个问题,我在我的电脑上展示了布局:

   C:/public_html/common_files/common.js
C:/public_html/report/index.htm

在服务器上,假设我的网站名为 www.ABC.com,当我通过 ftp 访问该网站时,我看到有 public_html/ 文件夹,我在该文件夹中我应该把所有东西都放上。因此,在服务器上,我创建了与上面相同的设置

   /public_html/common_files/common.js
/public_html/report/index.htm

到目前为止一切顺利。现在是困难的部分。

如何从index.htm文件加载common.js?我不想使用 src=../../common_files/common.js,为什么?因为我可能想更改树的布局,并且如果我将报告移动到另一个级别,我不想编辑它并继续更改路径并计算“../../../../.” .”等..

我查看了很多东西,例如 ResolverURL,但不知道如何使用它。

我试过了

  <script src="<%=Page.ResolveUrl("~/")%>public_html/common_files/common.js"></script>

但没有成功。请记住,这必须在 PC 和服务器上运行。

这是我当前的index.htm。

<!DOCTYPE HTML>
<html>
<head>
<script src="../common_files/common.js"></script>
</head>
<body>
my site

</body>
</html>

为了解释我正在寻找的内容,暂时假设 $HOME 在这个环境中工作,它并没有偏离,那么我可以写

<!DOCTYPE HTML>
<html>
<head>
<script src="{$HOME}/common_files/common.js"></script>
</head>
<body>
my site

</body>
</html>

这在 PC 和服务器上都可以工作(好吧,至少它可以在使用 Linux 的 PC 上工作)。但上面只是我正在寻找的一个例子,在 Windows 上,我不确定 $HOME 在哪里或者它是如何使用的。

问题:如何更改上面的src来加载common.js,以便它在PC和服务器上都工作但不使用相对路径?

请不要给我更多的链接来查看,或部分答案,或要求我下载一些商业软件来执行此操作或复杂的非常高级的命令。这个问题非常基础,解决方案应该很简单。

最佳答案

从外观上看,您似乎是在 PC 上本地运行文件。尝试在您的 PC 上安装服务器,以复制服务器的结构。类似于 XAMPP会做。在您的服务器上,域的根目录将是 public_html。在 XAMPP 设置中,这将是 htdocs 文件夹。

如果您移动的文件太多,请考虑从域根目录开始的位置,例如“styles”和“scripts”文件夹。

public_html/
'-- scripts/
'-- styles/
'-- everything else

然后用前导 / 加载它们。前导 / 表示来自域的根目录。

<link href="/styles/your.css" type="text/css">
<script src="/scripts/your.js"></script>

<!-- similar to: -->

<link href="http://yourdomain.com/styles/your.css" type="text/css">
<script src="http://yourdomain.com/scripts/your.js"></script>

关于javascript - 如何在开发中和不使用相对路径的Web服务器上加载常见的JavaScript文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16684795/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com