将javascript文件附加到视图中

时间:2016-08-04 12:34:15

标签: javascript c# asp.net razor

我创建了一个基于ASP.NET Core .NET Framework的应用程序 我有一个视图,并希望在其上添加javascript文件并执行如下操作:

@{
  ViewData["Title"] = "Index";
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
<script src="~/js/app.js"></script>
<input id="greet" value="Hello!" type="button"/>

我没有添加到布局模板,因为它仅用于特定于视图 文件结构如下:
enter image description here

我的问题是,当我启动应用程序时,javascript文件app.js根本不会加载jquery.backstretch.min.js文件。 我做错了什么?

2 个答案:

答案 0 :(得分:1)

<强>的Javascript

在你看来

@section scripts {
       <script src="~/js/app.js"></script>
}

在您的布局中

@RenderSection("scripts", required: false)

<强> CSS

在您看来

@section Styles {
    <link href="~/Content/contact.css" rel="stylesheet" type="text/css" />
}

在你的旅行中

@RenderSection("styles", false)

答案 1 :(得分:0)

添加脚本如下:

<script type="text/javascript" src="@Url.Content("~/js/app.js")"></script>

浏览器不理解〜

的含义