ASP.NET MVC 在子页中引用头文件

2013-09-25

在很多时候我们把网站公共的js、css文件放在模板页中，这样在具体的每一个页面里面就不需要单独引用。

ASP.NET WebForm里面使用.site文件。

而在ASP.NET MVC 中使用了类似下面的定义

_Layout.cshtml:
<!DOCTYPE html>    
<html>    
<head>    
    <title>@ViewBag.Title</title>    
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />    
    <script src="@Url.Content("~/Scripts/jquery-1.8.0.min.js")" type="text/javascript"></script>    
</head>    
<body>    
    @RenderBody\(\)    
</body>    
</html>

这样在子页中的代码就直接进入html的body中了。

但是有时候单独的页面有单独的头文件，不需要在模板页中引用。那此时需要用如下的方法了：

_Layout.cshtml:
<!DOCTYPE html>    
<html>    
<head>    
    <title>@ViewBag.Title</title>    
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />    
    <script src="@Url.Content("~/Scripts/jquery-1.8.0.min.js")" type="text/javascript"></script>    
    @RenderSection("Head", required: false)    
</head>    
<body>    
    @RenderBody\(\)    
</body>    
</html>

注意在head节点中增加了
@RenderSection("Head", required: false)

这样在对应的页面中可以使用如下代码进行引用

@section Head{

    
    <link href="@Url.Content("~/Content/css/datebox.css")" rel="stylesheet" type="text/css" />
    
    <link href="@Url.Content("~/Content/css/easyui.css")" rel="stylesheet" type="text/css" />
    
    <script src="@Url.Content("~/Scripts/jquery.easyui.min.js")" type="text/javascript"></script>
    
    }

注意：如果在head节点中定义的required值为true，则必须要为每一个使用模板页的页面添加引用代码，如果required值为false，则可以增加也可以不增加。

jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true