javascript - 在 asp.net mvc 中添加 JavaScript 文件

Question

我是 asp.net mvc 的新手，我想在我的项目中包含 .js 文件，但我无法在我的浏览器中访问它。喜欢。

@Scripts.Render("~/bundles/responds.js")
@Scripts.Render("~/bundles/jquery-1.11.3.min.js")
@Scripts.Render("~/bundles/jssor.slider-22.0.15.mini.js")
<script type="text/javascript">
</script>

任何人都可以帮助我，如何将这些文件添加到 mvc 项目中？这些文件存在于 Scripts 文件夹中。

Answer 1

您可以使用以下示例代码手动将 .js 文件添加到 View

@model YourNameSpace.ViewModels.YourViewModel
@Scripts.Render("~/Scripts/yourScript.js")

如果您想要捆绑文件，您可以将它们添加到 App_Start/BundleConfig.cs

例子:

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle(("~/bundles/customBundle").Include(
     "~/Scripts/yourScript.js", 
     "~/Scripts/anotherScript.js");
}

---

您可以通过添加以下代码在~/Views/Shared/_Layout.cshtml 文件或任何母版页 中呈现整个应用程序的脚本文件

@Scripts.Render("~/bundles/customBundle")

---

您可以通过浏览到应用程序的根目录来检查 .js 文件并添加 .js 文件或 bundle 的路径(对于这个例子)

http://localhost:9654/bundles/customBundle
http://localhost:9654/Scripts/yourScript.js