什么是正确的方式来写我的脚本'src'本地开发环境的Url

What is the right way to write my script 'src' url for a local development environment?

本文关键字：环境 Url src 开发 脚本 方式 我的 什么      更新时间：2023-09-26

我正在本地环境中工作，我不确定我是否正确地编写了我的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>

为调用js文件编写src标签

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

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

你可以开始打包html和css/js在一起?

目录结构，如:

-yourapp
  - index.html
  - assets
    - css
    - js
      - myPage.js
那么你的脚本标签(来自index.html)可能看起来像

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

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

可以用./引用工作目录(.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文件夹，然后找到脚本。

您也可以指定../到工作目录上方的一个目录，从那里加载东西。

相关文章：