ASP.Net MVC 如何渲染脚本元素？

Question

谁能解释一下两者的区别：

<script src="/Scripts/custom.js"></script>

和（添加波浪号）

<script src="~/Scripts/custom.js"></script>

和

@Scripts.Render("~/Scripts/custom.js")

在 ASP.NET MVC 应用程序中（主要在 Razor View 代码中）？

我是aware，通常@Scripts.Render 用于捆绑和缩小脚本。正如您在我的第三个示例中看到的那样，我没有故意使用@Scripts.Render("~/bundles/*")，因为我没有让这个问题看起来像关于捆绑的问题。我想知道渲染（特定页面）脚本的最佳方法是什么。是否还有其他重要原因需要先使用一个？

Answer 1

<script src="/Scripts/custom.js"></script>

这是相对于您网站的根目录的。它期望 custom.js 文件位于站点根目录的 Scripts 目录中，例如：example.com/Scripts/custom.js

<script src="~/Scripts/custom.js"></script>

这是虚拟根相对。如果您的站点托管为virtual application in IIS（子应用程序），那么它将确保它在您的虚拟应用程序的根目录中查找 custom.js 文件，而不是在父站点的根目录中。因此，即使您的网站托管在 example.com/yoursite，~/Scripts/custom.js 也会寻找 example.com/yoursite/Scripts/custom.js 而不是 example.com/Scripts/custom.js。

@Scripts.Render("~/Scripts/custom.js")

这会在与 <script src="~/Scripts/custom.js"></script> 相同的位置查找文件，但只是使用 Razor HTML Helper 作为速记来生成 HTML 标记。