<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default1.aspx.cs" Inherits="Default1" %> <!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"> .aaa { position:relative; background-color:red; 200px; height:50px; margin-left:5px; float:left; } </style> </head> <body> <form id="form1" runat="server"> <div id="Login" class="aaa"> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>，欢迎你！ <asp:Button ID="Button1" runat="server" Text="退出登陆" /> </div> <div id="noLogin" class="aaa"> <asp:HyperLink ID="HyperLink1" runat="server">登陆</asp:HyperLink> <asp:HyperLink ID="HyperLink2" runat="server">注册</asp:HyperLink> </div> </form> </body> </html>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Button1.Click += Button1_Click;//按钮事件 if (!IsPostBack) { Session["user"] = "张三";//判断用户是否登陆。若登陆 则显示张三 } //window.onload = function () 往外输出。。。 //都全部取出来 取两个 1：Login 2：noLogin Response.Write("<script>window.onload = function () {var oLog = document.getElementById('Login');var noLog = document.getElementById('noLogin');"); if (Session["user"] != null)//判断user是否为空，若不为空咋显示oLog，隐藏noLog。 { Response.Write("oLog.style.display = 'block';noLog.style.display = 'none';");//none隐藏block显示 Label1.Text = Session["user"].ToString(); } else//若不是 则相反 { Response.Write("oLog.style.display = 'none';noLog.style.display = 'block';"); } Response.Write("};</script>"); } void Button1_Click(object sender, EventArgs e) { Session["user"] = null; } }