在MVC中可以在_Layout.cshtml中使用:
@if (IsSectionDefined("styles"))
{@RenderSection("styles", required: false)}
如果需要给定的部分,则与内容页面/布局上的@Section styles
一起在<head>
中包含CSS样式。
是否有一种有效的方法来模拟 Web 窗体中的相同行为?
总而言之:我希望有可能在母版页上呈现 css 和 js,前提是基于该母版页的特定子页面需要它们。因此,它不会包含在不需要这些 css 和 js 文件的页面上。
您可以使用ContentPlaceHolder
.在母版页中,定义内容占位符,如下所示:
<head runat="server">
<title>..</title>
<meta charset="utf-8"/>
..
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
..而那些需要特殊css
或js
文件的子页面可以使用这个内容占位符来注入他们需要的文件,例如:
<%@ Page Title="" Language="C#" MasterPageFile=".." AutoEventWireup="true" CodeBehind=".." %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="some css file dedicated only to this child page" rel="stylesheet" />
<script src="..js.."></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
..
<h1><asp:Label ID="lblPageTitle" runat="server" Text=""></asp:Label></h1>
..
</asp:Content>