在ASP.NET MVC视图页面中放置jQuery代码的位置?

Hem*_*ant 4 asp.net-mvc jquery

我刚刚开始学习jQuery + ASP.NET MVC.无论我阅读有关jQuery的任何教程,他们都建议所有jQuery代码都应该在head元素中.

现在在ASP.NET MVC项目中,我有一个负责head元素的母版页.在其他视图页面中,我获得了绘制body元素的内容占位符.

我现在很困惑.我应该忽略将jQuery保留在head元素中的建议,还是有一些方法可以在每个视图页面中编写不同的jQuery代码?

red*_*are 9

将js保存在外部.js文件中.这样他们就可以缓存了.

  • 你可以像那样启动它然后重构常用功能.关键是要有一个minify/merge构建操作,它基本上为您提供了一个站点的脚本文件.个人下载越少越好. (5认同)

qui*_*qui 8

您可以在主页面中包含更多内容占位符,然后您的内容页面可以使用自己的JQuery填充

所以在你的母版页的头部做一些像:

<asp:ContentPlaceHolder ID="Javascript" runat="server" />
Run Code Online (Sandbox Code Playgroud)

然后在您的视图页面中

<asp:Content ID="Content1" ContentPlaceHolderID="Javsacript" runat="server">
    //js here
</asp:Content>
Run Code Online (Sandbox Code Playgroud)

也就是说,你应该考虑将你的javsascript包含在单独的JS文件中并包含它们,以便分开你的担忧.