.Net后台调用前台js的两种方法

最新推荐文章于 2023-03-09 16:48:19 发布

lybacm

最新推荐文章于 2023-03-09 16:48:19 发布

阅读量967

点赞数

分类专栏： .Net 文章标签： .net ASP.net JavaScript ASP ViewUI

本文链接：https://blog.csdn.net/lybacm/article/details/83840712

版权

.Net 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

第一种，在页面的时候调用：

cs后台代码：

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "testalert", " <script type=text/javascript >testAlert();</script>");
        }
    }

前台加上js代码：

    <script type="text/javascript">
        function testAlert(){
            alert("okokok");
        }
    </script>

第二种，在按钮点击时触发：

    protected void Button1_Click(object sender, EventArgs e)
    {
        //在这里写上你的代码
        Label1.Text = "测试";

        //下面执行js代码
        this.Page.ClientScript.RegisterClientScriptBlock(this.Page.GetType(), "testalert", "testAlert()", true);
    }

这两种调用一般会刷新页面。

有一个问题需要注意，如果把这个按钮弄成异步的话，事件就触发不了了。

如：在UpdatePanel中，用Triggers引用的话，事件就触发不了。

 <Triggers>
        <asp:PostBackTrigger  ControlID="Button1"/>
</Triggers>

最后，讲一下RegisterStartupScript和RegisterClientScriptBlock的差别：

Page.ClientScript.RegisterStartupScript(Page.GetType(),"alert1", "alert('test')",true);

在生成页面的后半部分!!
Page.ClientScript.RegisterClientScriptBlock(Page.GetType(),"alert1", "alert('test')",true);
在生成页面的前半部分!!
其中true,表示可以不输入<script> </script>