Webform & JavaScript

最新推荐文章于 2022-02-09 23:01:50 发布

alp92856

最新推荐文章于 2022-02-09 23:01:50 发布

阅读量232

点赞数

文章标签： javascript c# ViewUI

原文链接：http://www.cnblogs.com/qianxiaojinnian/p/4723786.html

版权

服务器控件调用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" οnfοcus="this.value=''" οnblur="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;");
    }