vs2010中關於HTML控件與服務器控件分別和js函數混合使用的問題
阿新 • • 發佈:2018-08-15
public 文件 事件 bubuko 引號 val 在服務器 microsoft clientid
2-1.在input控件上調用js函數
3-1.在js函數中獲取.cs文件中定義的方法或變量,格式:<%= 方法或變量 %>
6-1.js獲取HTML控件input 的id,格式: document.getElementById("ipt");
此文檔解決以下問題:
1.在.cs文件中如何訪問html控件?
在html控件中添加屬性runat="server"即可
2.在html控件中,如何調用js函數?
在html控件中,利用事件綁定js函數即可,如 onclick="showJs()"
3.在.aspx文件的js中,如何調用.cs文件自定義的變量或方法?
使用<%=變量或方法%>調用即可
4.在.cs文件中如何調用js函數?
通過語句this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script>js函數方法</script>" )調用即可
5.在.aspx文件的js中,如何訪問ASP.NET服務器控件?
在服務器控件中添加屬性ClientID="btnCilent" (雙引號中名稱自定),由document.getElementById("<%=服務器控件的ID.ClientID%>")訪問即可
6.在.aspx文件的js中,如何訪問html控件?
遵循js語法,由document.getElementById("html控件的id")訪問即可
7.在.aspx文件中,html控件如何調用.cs文件自定義的變量或方法?
需要在自定的變量或方法前面添加public,同時去除其屬性runat="server" ,再使用<%=變量或方法%>調用即可
1-1.index.aspx中,添加了Button,TextBox控件,input控件,其中Button控件綁定了點擊事件btn_Click,
1-2.index.aspx.cs中,添加了點擊事件btn_Click,自定義方法GetStr,註意,input控件添加了屬性runat="server",使其變成服務器控件,可以在.cs文件中訪問,如ipt.Value
1-3.F5,運行調試
1-4.點擊Button控件,input內容改變如下
2-1.在input控件上調用js函數
2-2.運行成功
3-1.在js函數中獲取.cs文件中定義的方法或變量,格式:<%= 方法或變量 %>
3-2.運行成功
4-1.在.cs文件中調用js函數方法,格式:this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script>js函數方法;</script>" );
4-2.運行成功
5-1.js函數中獲取服務器控件TextBox的id,註意,需要在TextBox控件添加屬性ClientID="txt",否則無法獲取,格式:document.getElementById("<%=TextBox1.ClientID%>");
5-2.由於服務器控件TextBox被瀏覽器解析後會變成html控件input,ClientID屬性保證了input控件的id為“txt”,這樣js才能找到其id
5-3.運行成功
6-1.js獲取HTML控件input 的id,格式: document.getElementById("ipt");
6-2.運行成功
7-1.在HTML控件input中調用.cs文件中自定義的方法,註意:input控件需要去除屬性runat="server", 格式:<%=GetStr()%>
7-2.運行成功
vs2010中關於HTML控件與服務器控件分別和js函數混合使用的問題