母版页：
可以把界面的部分代码进行重用
母版页的基础使用：
二级母版页的使用：
母版页与子页之间数据的传递：
母版页公共的外部样式表路径和外部JS文件的路径匹配：css文件可以直接引用，js文件需要写一个方法
public string abc()
{
return ResolveClientUrl("JavaScript.js");
}
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <h1>这是页面1，我们套用母版页出来的页面</h1> </asp:Content>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } }
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <h1>这是页面2，是我们套用母版页出来的第二个页面</h1> </asp:Content>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } }
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage2.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <asp:Content ID="Content1" ContentPlaceHolderID="mp2_content1" Runat="Server"> <h1>这里是我们套用二级母版页出来的页面</h1> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </asp:Content>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default3 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Button1.Click += Button1_Click; } void Button1_Click(object sender, EventArgs e) { string s = TextBox1.Text; Label1.Text = s; MasterPage2 m2 = this.Master as MasterPage2; m2.aaa(s); } }
alert("aaaaa");
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> * { padding:0px; margin:0px; } .header { 100%; height:100px; background-color:orange; } .footer { 100%; height:200px; background-color:black; } </style> <asp:ContentPlaceHolder id="head" runat="server"> </asp:ContentPlaceHolder> </head> <body> <form id="form1" runat="server"> <div> <div class="header"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> <div class="footer"></div> </div> <script src="<%=abc() %>"></script> </form> </body> </html> <%--<script src="JavaScript.js"></script>--%>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class MasterPage : System.Web.UI.MasterPage { protected void Page_Load(object sender, EventArgs e) { } public void aa(string a) { TextBox1.Text = a; } public string abc() { return ResolveClientUrl("JavaScript.js"); } }
<%@ Master Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="MasterPage2.master.cs" Inherits="MasterPage2" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <div style="30%;float:left;height:500px;background-color:green;"> 这是一条菜单选项<br /><br /> 这是一条菜单选项<br /><br /> 这是一条菜单选项<br /><br /> 这是一条菜单选项<br /><br /> 这是一条菜单选项<br /><br /> 这是一条菜单选项<br /><br /> 这是一条菜单选项<br /><br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <div style="70%;float:left;height:500px;background-color:yellow;"> <asp:ContentPlaceHolder ID="mp2_content1" runat="server"></asp:ContentPlaceHolder> </div> <div style="clear:both"></div> </asp:Content>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class MasterPage2 : System.Web.UI.MasterPage { protected void Page_Load(object sender, EventArgs e) { } public void aaa(string a) { TextBox1.Text = a; MasterPage m = this.Master as MasterPage; m.aa(a); } }