Webform & JavaScript

服务器控件调用JS：

1.点击按钮后，弹出一个对话框----直接在按钮里面加一个OnClientClick事件

//先写一个函数
<script language ="javascript">
function Text() {
alert("0812");
return false;
}
</script>

//在按钮里面添加OnClientClick事件
<asp:Button ID="Button1" runat="server" OnClientClick="return Text()" Text="Button" />

2.点击按钮后，弹出一个确认对话框，提交后再弹出一个对话框

//先写一个函数
script language ="javascript">
function Text() {
alert("确定提交？");
return true;
}
</script>

//在按钮上添加一个OnClientClick事件，点击按钮执行添加的按钮事件
<asp:Button ID="Button1" runat="server" OnClientClick="return Text()" Text="Button" OnClick="Button1_Click" />

//添加Label和Literal控件，在按钮里面写C#代码，点击按钮执行C#代码

protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToString();
Literal1.Text = "<script language=javascript>alert('"+DateTime.Now.ToString()+"正确么？')</script>";
}

文本框触发Js：

//在文本框中加上Js事件onfocus(获得焦点时触发)和onblur(失去焦点时触发)
<asp:TextBox ID="TextBox1" onfocus="this.value=''" onblur="document.getElementById('Label1').innerHTML=this.value;" runat="server" ForeColor="Silver">(必填)</asp:TextBox>

单选按钮触发JS：

//添加两个单选按钮，把“不同意”的按钮默认选中，在两个按钮上分别加上Onclick事件，当点击“同意”按钮，“下一步”可用，点击“不同意”按钮，“下一步”不可用
<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Onclick="document.getElementById('Button2').removeAttribute('disabled')">同意</asp:ListItem>
<asp:ListItem Onclick="document.getElementById('Button2').setAttribute('disabled','disabled')" Selected="True">不同意</asp:ListItem>
</asp:RadioButtonList>

//把按钮的Enabled属性设为false
<asp:Button ID="Button2" runat="server" Enabled="False" Text="下一步" />

在C#代码界面中的PageLoad中，使用“控件名.Attributes.Add("键","值");”

protected void Page_Load(object sender, EventArgs e)
{
Label2.Attributes.Add("onclick","alert('"+DateTime.Now.ToString()+"')");
Label2.Attributes.Add("style","background-color:red;font-size:18px;");
}