如何将 js 文件导入到 mvc 中的视图中

Question

我在下面看到了最后的脚本：

查看：

(...)

// here my html items etc...

(...)

<script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">

 // here all my stuff
      function sample1()
      {
      }

      function sample2()
      {
      }

      function sample3()
      {
      }

</script>

所以我想要的是将所有代码放入一个 js 文件中，并将其放在 mvc 4 的 /Scripts 文件夹下，那么该怎么做呢？在这个脚本中，我指的是视图中的项目。

所以在这个改变之后我有：

查看：

(...)

// here my html items etc...

(...)

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.10.2.min.js)"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/Customs/MyCustomJsFile.js")">
</script>

Javascript 文件（在 /Scripts 文件夹下）：

MyCustomJsFile.js：

      function sample1()
      {
      }

      function sample2()
      {
      }

      function sample3()
      {
      }

在运行时，我在 ie 调试控制台中的 MyCustomJsFile.js 中收到一条错误提示 synatx 错误，因此我单击该错误，第一行显示为错误：

但我的 js 文件没有任何脚本行....

Answer 1

MyCustomScript.js 文件中应该包含的唯一内容是您 在 <script> 标记之间的代码，而不是标记本身 nor <script> 标签包含 jQuery。 jQuery 应该包含在您的布局中的视图中，并且应该包含在您的文件之前。

比如你的观点：

<script type="text/javascript" src='@Url.Content("~/Scripts/jquery-1.10.2.min.js")'></script>
<script type="text/javascript" src='@Url.Content("~/Scripts/Tests/MyCustomScript.js")'></script>

您的 MyCustomScript.js 文件：

// here all my stuff

jQuery 应该真正包含在您的布局中，因为您可能会在大多数（如果不是全部）视图上使用它。