母版页：
可以把界面的部分代码进行重用
母版页的基础使用：
二级母版页的使用：
母版页与子页之间数据的传递：
母版页公共的外部样式表路径和外部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
{
width:100%;
height:100px;
background-color:orange;
}
.footer
{
width: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="width: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="width: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);
}
}
时间： 2025-01-06 01:30:52