在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使用以下示例代码手动将文件添加到视图中

@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文件中呈现整个应用程序的脚本文件master page

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

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

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

Answer 2

我已经解决了我的问题，只需将脚本文件从Scripts文件夹拖放到所需的位置Index.cshtml并Visual studio自动生成以下代码即可。

<script src="~/Scripts/jquery-1.11.3.min.js"></script>
<script src="~/Scripts/jssor.slider-22.1.5.mini.js"></script>

其中包含中的脚本文件asp.net MVC。