31

我正在本地环境中工作，我不确定我是否正确编写了我的 src URl，因为我的功能不起作用。粗体脚本标签包含有问题的 src。

<!DOCTYPE html>
<html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="http://www.parsecdn.com/js/parse-1.2.2.min.js"></script>

    **<script src="/Users/myUserName/Desktop/myPage.js"></script>**

    </head>
    <body>
        <div id="mainDiv">
            <p><a href="#">anchor</a></p>
        </div>
    </body>
</html>
4

3 回答 3

37

编写用于调用 js 文件的 src 标签为

<script type='text/javascript' src='../Users/myUserName/Desktop/myPage.js'></script>

这应该有效。

于 2013-05-24T12:17:30.943 回答
19

我相信浏览器正在从网络服务器的根目录中寻找这些资产。这很困难，因为很容易在您的机器上开始开发而无需实际使用网络服务器（只需通过浏览器加载本地文件）

您可以先将 html 和 css/js 打包在一起吗？

目录结构类似于：

-yourapp
  - index.html
  - assets
    - css
    - js
      - myPage.js

然后你的脚本标签（来自 index.html）可能看起来像

<script src="assets/js/myPage.js"></script>

将 html 和 assets 打包在一个目录中的另一个好处是，您可以复制该目录并将其提供给其他人或将其放在另一台机器上，它会很好用。

于 2013-05-21T18:46:52.700 回答
4

您可以使用 引用工作目录（.html 文件所在的文件夹），使用 引用./上面的目录../

示例目录结构：

/html/public/
- index.html
- script2.js
- js/
   - script.js

要从 index.html 中加载 script.js：

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

这会转到当前工作目录（index.html 的位置），然后转到 js 文件夹，然后找到脚本。

您还可以指定../转到工作目录上方的一个目录，以从那里加载内容。

于 2020-05-07T15:38:32.240 回答