为本地开发环境编写脚本'src'url的正确方法是什么?

问题描述 投票:23回答:3

我正在本地环境上工作,不确定我是否正确编写了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>
javascript localhost src
3个回答
29
投票

将用于调用js文件的src标记写为

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

这应该起作用。


17
投票

我相信浏览器正在从Web服务器的根目录中寻找那些资产。这很困难,因为无需使用网络服务器即可轻松开始在计算机上进行开发(仅通过浏览器加载本地文件即可)

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

目录结构类似:

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

然后您的脚本标签(来自index.html)可能看起来像

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

将html和资产打包在一个目录中的另一个好处是,您可以复制目录并将其提供给其他人,或者将其放在另一台计算机上,它将很好地工作。


1
投票

这是旧帖子,但是...

您可以使用./引用工作目录(.html文件所在的文件夹),并使用../引用其上方的目录

示例目录结构:

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

要从index.html内部加载script.js:

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

这将转到当前工作目录(index.html的位置),然后到达js文件夹,然后找到脚本。

您还可以指定../在工作目录上方进入一个目录,以便从那里加载内容。但这是不寻常的。

© www.soinside.com 2019 - 2024. All rights reserved.