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()
      {
      }

在运行时我在调试控制台的MyCustomJsFile.js中收到错误说synatx错误所以我单击错误并且第一行显示为错误：

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

Answer 1

MyCustomScript.js 文件中唯一应该包含 <script>标记之间的代码，而非标记本身并且 <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应该真的包含在你的布局中，因为你可能会在大多数（如果不是全部）你的视图中使用它。

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

1 个答案: