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

时间：2022-02-24 19:48:22

在很多时候我们把网站公共的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，则可以增加也可以不增加。

相关文章