<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <link href="wahcss.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript"> //用javascript Label设置颜色 function Button1_Click() { var label1=document.getElementById("Label1"); label1.style.color='blue'; label1.style.backgroundColor='red'; label1.style.borderColor='green'; label1.style.border=1; label1.style.borderStyle='solid'; return false; } //用户javascript设置Label的边框样式 function Button2_Click() { var label1=document.getElementById("Label1"); label1.style.border=1; //borderStyle可取的值 //none dotted dashed solid double groove ridge inset outset label1.style.borderStyle='dotted'; return false; } //设置label1的css样式 function Button3_Click() { var label1=document.getElementById("Label1"); //className可能的值 //wang ai hui label1.className='ai'; return false; } //设置label1控件是否可用 function Button4_Click() { var label1=document.getElementById("Label1"); label1.disabled=!label1.disabled; return false; } //设置label1控件的字体样式 function Button5_Click() { var label1=document.getElementById("Label1"); //fontStyle的值 normal italic oblique label1.style.fontStyle='italic'; return false; } //设置Label1的大小 function Button6_Click() { var label1=document.getElementById("Label1"); label1.style.fontSize='16pt'; return false; } //设置Label1的提示 function Button7_Click() { var label1=document.getElementById("Label1"); //以正两条语名是一样的 label1.title='王爱辉是曲阳人'; // label1.setAttribute('title','王爱辉是曲阳人'); return false; } //设置Label1可见与不可见 function Button8_Click() { var label1=document.getElementById("Label1"); if(label1.style.display=='none') { label1.style.display='block'; } else { label1.style.display='none'; } return false; } //设置Label1的Text文本 function Button9_Click() { var label1=document.getElementById("Label1"); label1.innerText="王爱辉曾做过5年的程序开发,三年教学!"; return false; } //设置Label1的accessKey function Button10_Click() { var label1=document.getElementById("Label1"); var textBox1=document.getElementById("TextBox1"); textBox1.style.width=150; Label1.setAttribute("FOR",textBox1); label1.accessKey='1'; return false; } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" CssClass="wang" Text="中国.河北.保定.曲阳.王爱辉"></asp:Label> <br /> <br /> <asp:TextBox ID="TextBox1" runat="server" Width="0" >please input alt+1</asp:TextBox><br /> <asp:Button ID="Button1" runat="server" OnClientClick="return Button1_Click();" Text="Color" /><br /> <asp:Button ID="Button2" runat="server" OnClientClick="return Button2_Click();" Text="borderStyle" /><br /> <asp:Button ID="Button3" runat="server" OnClientClick="return Button3_Click();" Text="cssClass" /><br /> <asp:Button ID="Button4" runat="server" OnClientClick="return Button4_Click();" Text="enabled" /><br /> <asp:Button ID="Button5" runat="server" OnClientClick="return Button5_Click();" Text="Font" /><br /> <asp:Button ID="Button6" runat="server" OnClientClick="return Button6_Click();" Text="size" /><br /> <asp:Button ID="Button7" runat="server" OnClientClick="return Button7_Click();" Text="toolTip" /><br /> <asp:Button ID="Button8" runat="server" OnClientClick="return Button8_Click();" Text="visible" /><br /> <asp:Button ID="Button9" runat="server" OnClientClick="return Button9_Click();" Text="text" /> <br /> <asp:Button ID="Button10" runat="server" OnClientClick="return Button10_Click();" Text="accessKey" /> </div> </form> </body> </html>
评论