为本地开发环境编写脚本“src”url 的正确方法是啥？
Posted
技术标签:
【中文标题】为本地开发环境编写脚本“src”url 的正确方法是啥？【英文标题】：What is the right way to write my script 'src' url for a local development environment?为本地开发环境编写脚本“src”url 的正确方法是什么？ 【发布时间】：2013-05-16 15:19:52 【问题描述】：我在本地环境中工作，但我不确定我是否正确编写了我的 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 文件，然后从浏览器的 URL 复制绝对路径。可能是这样的：file:///C:/Users/User12/Desktop/underscore.js
【参考方案1】：
把调用js文件的src标签写成
<script type='text/javascript' src='../Users/myUserName/Desktop/myPage.js'></script>
这应该可行。
【讨论】：
我这样做了，但由于某种原因，当我加载 javascript 页面时，它认为我想向 baseURL + "js/index.js" 发出 get 请求。我做错了吗？【参考方案2】：我相信浏览器正在从网络服务器的根目录中寻找这些资产。这很困难，因为很容易在您的机器上开始开发而无需实际使用网络服务器（只需通过浏览器加载本地文件）
您可以先将 html 和 css/js 打包在一起吗？
目录结构类似于：
-yourapp
- index.html
- assets
- css
- js
- myPage.js
那么你的脚本标签（来自 index.html）可能看起来像
<script src="assets/js/myPage.js"></script>
将 html 和资产打包在一个目录中的另一个好处是，您可以复制该目录并将其提供给其他人或将其放在另一台机器上，它会很好用。
【讨论】：
【参考方案3】：你可以用./引用工作目录（.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文件夹，然后找到脚本。
您还可以指定../ 转到工作目录上方的一个目录，从那里加载内容。
【讨论】：
以上是关于为本地开发环境编写脚本“src”url 的正确方法是啥？的主要内容，如果未能解决你的问题，请参考以下文章
c#的webbrowser调用本地javascript脚本？