将 jQuery 添加到母版页答案

【问题标题】：Adding jQuery to Master Pages将 jQuery 添加到母版页
【发布时间】：2009-10-19 09:58:44
【问题描述】：

我的 ASP.NET 常规页面中有以下 jquery

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Color Items</title>
        <script src="http://code.jquery.com/jquery-latest.js"     
            type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                $("select option:even").addClass('evenColor');
            });
        </script>
        <style type="text/css">
        .evenColor
        {
            background-color:Gray;
        }
        </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem Text="Gori"></asp:ListItem>
            <asp:ListItem Text="Muf"></asp:ListItem>
            <asp:ListItem Text="Lizo"></asp:ListItem>
        </asp:DropDownList>
    </div>
    </form>
</body>
</html>

现在我想将其转换为母版页。我无法弄清楚将添加到母版页的内容以及添加到内容页的内容。脚本会转到 MasterPage 吗？

请注意：我有很多这样的常规 asp.net 页面，其中包含单独的 jquery 文件。我是否必须将所有这些 jquery 文件添加到一个母版页中。

正确的方法是什么？

【问题讨论】：

标签： javascript jquery html asp.net .net

【解决方案1】：

一定要在母版页中添加对常用 jquery 文件的引用。

我会将特定于页面的 javascript 留给该页面，尽管其他人（尤其是在性能非常重要的情况下）会争辩将其尽可能多地编译到一个文件中，只使用页面上的特定命令。

【讨论】：

【解决方案2】：

在您的母版页中添加对 jQuery 脚本文件的引用（如果也使用任何 MS AJAX 库，您可以决定使用 ScriptManager control 执行此操作）。
仅在该页面中引用任何特定于页面的 JavaScript 文件
将在多个页面上重复的任何页面特定 JavaScript 代码重构为页面引用的一个文件。

【讨论】：

在内容页面中的何处添加 JavaScript？
如果使用 ScriptManager 控件，您可以使用 ScriptManager manager = ScriptManager.GetCurrent ( this ); manager.Scripts.Add ( new ScriptReference ( "myJavaScriptfile.js" ) ); 将其添加到后面的代码中，或者将其添加到 <asp:Content> 内的 aspx 标记中，作为两个选项。

【解决方案3】：

除了在母版页中添加 jQuery 链接的建议之外，我还建议使用嵌套母版页，以便基本母版页具有标记，而派生的母版页包含 jQuery。这样，您可以逐页选择使用启用 jQuery 的母版或非 jQuery（基本）母版页以获得最佳性能。

【讨论】：