点击这里给我发消息 点击这里给我发消息

用服务器控件在后台调用前台客户端JS方法

添加时间:2010-1-5
    相关阅读: 页面 HTML

今天试着研究了一下服务器控件来控制JS代码(可见不仅仅HTML控件可以调用JS方法,服务器控件也可以调用JS方法),

  本人觉得有点实用,现分享如下:

  前台代码如下:

js方法:<script language="javascript">
function check()
{
  if(document.all("CheckBox1").checked==true)
  {
    alert("OK");
   //document.getElementById('TextBox1').style.visibility="hidden";
   document.all('TextBox1').style.display="none"; //两种方法均可控制TextBox的显示与隐藏。
  }
  else
  {
   //document.getElementById('TextBox1').style.visibility="visible";
   document.all('TextBox1').style.display="block"; //两种方法均可控制TextBox的显示与隐藏。
  }
}
</script>

  一个TextBox和一个CheckBox。效果通过点击CheckBox来控制TextBox的显示与隐藏。

<body>
  <form id="form1" runat="server">
  <div>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:CheckBox ID="CheckBox1" runat="server" />
  </div>
  </form>
</body>

  在后台页面来调用JS方法,如下:

protected void Page_Load(object sender, EventArgs e)
  {
    CheckBox1.Attributes.Add("onclick","check()");
  }

  一般常用的客户端调用的方法如下:

  JS方法不变,只是修改控件为HTML控件即可:

<body>
  <form id="form1" runat="server">
  <div>
    &nbsp;<input id="TextBox1" type="text" />
    <input id="Checkbox1" type="checkbox" onclick="check()" />
  
  </div>
  </form>
</body>

  另外还有两种方法,

  (1).直接在服务器控件后面加上onclick事件,后台不写代码。也行,如下:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:CheckBox ID="CheckBox1" runat="server" onclick="check()" />

  (2).在工具箱中拖两个HTML控件,然后鼠标右键,选“作为服务器控件运行”如下:

   <input id="TextBox1" type="text" runat="server" />
  <input id="Checkbox1" type="checkbox" runat="server" />

  然后再在后台页面来调用JS方法,如下:

protected void Page_Load(object sender, EventArgs e)
  {
    CheckBox1.Attributes.Add("onclick","check()");
  }

 

本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册