참조 : 뇌를자극하는 ASP.NET
html 테그에서 <input type=button ... > 의 형태를 asp.net에서 서버처리하는 컨트롤 입니다.
예제에서는 클라이언트 자바스크립트와 서버에서 호출되는 스크립트가 둘다 처리되는 예제를 볼 수 있습니다.
각각의 스크립트가 처리되는 시간이 어느때인지 유심히 보시면 되겠습니다.
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title> Button Control </title>
<script runat="server">
protected void btnConfirm_Click(object sender, EventArgs e)
{
//Response.Write("다시 게시 되었습니다.!!");
lblText.Text = "다시 게시 되었습니다.!!";
}
protected void Page_Load(object sender, EventArgs e)
{
btnClient.Attributes.Add("onclick", "confirm('onclick')");
btnClient.Attributes.Add("onmouseover", "document.bgColor='red';");
btnClient.Attributes.Add("onmouseout", "document.bgColor='white';");
}
</script>
<script type="text/javascript">
function ConfirmPostBack()
{
return confirm("다시 게시하시겠습니까?");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>Button 예제</h3>
<asp:Button ID="btnConfirm" runat="server" Text="PostBack하기" OnClientClick="return ConfirmPostBack();" OnClick="btnConfirm_Click" /><br />
<br />
<asp:Label ID="lblText" runat="server"></asp:Label><br />
<br />
<br />
<asp:Button ID="btnClient" runat="server" Text="Button" /></div>
</form>
</body>
</html>