javascript
用服务器控件在后台调用前台客户端JS方法
今天試著研究了一下服務器控件來控制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>
??????? <input id="TextBox1" type="text" />
??????? <input id="Checkbox1" type="checkbox" οnclick="check()" />
??? </div>
??? </form>
</body>
?
?另外還有兩種方法，
（1）.直接在服務器控件后面加上onclick事件，后臺不寫代碼。也行，如下：
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
??????? <asp:CheckBox ID="CheckBox1" runat="server" οnclick="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()");
??? }
轉載于:https://www.cnblogs.com/lhuser/articles/1458825.html
總結
以上是生活随笔為你收集整理的用服务器控件在后台调用前台客户端JS方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python定义符号常量_python从
- 下一篇： gradle idea java ssm