asp.net后台调用前台js的两种方法
2011-06-09 09:50
615 查看
第一种,在页面的时候调用:
cs后台代码:TCSTAR7034
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>
cs后台代码:TCSTAR7034
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>
相关文章推荐
- asp.net后台cs中的JSON格式变量在前台Js中调用方法(前后台示例代码)
- asp.net后台cs中的JSON格式变量在前台Js中调用方法!(前后台实例!)
- AjaxPro.dll,asp.net 前台js调用后台方法(无刷新)
- asp.net中前台js变量与后台c#的相互调用方法
- Asp.net前台js调用后台方法,并且局部刷新的方法。
- ASP.NET后台调用前台JS函数的三种常见方法
- asp.net js方法互调 asp.net 前台如何调用后台方法
- 关于asp.net前台js调用后台方法的问题
- asp.net后台cs中的JSON格式变量在前台Js中调用方法(前后台示例代码)
- asp.net 后台调用前台js方法
- AjaxPro.dll,asp.net 前台js调用后台方法(无刷新)
- asp.net前台js调用后台方法
- 00asp.net前台调用后台方法以及后台调用前台JS
- AjaxPro.dll,asp.net 前台js调用后台方法(无刷新)
- asp.net后台cs中的JSON格式变量在前台Js中调用方法(前后台示例代码)
- AjaxPro.dll,asp.net 前台js调用后台方法(无刷新)
- AjaxPro.dll,asp.net 前台js调用后台方法(无刷新)
- ASP.NET后台调用前台JS函数的三种常见方法
- asp.net js方法互调 asp.net 前台如何调用后台方法
- ASP.NET 前台js调用后台方法,并且局部刷新的方法