1. 程式人生 > >vs2010中關於HTML控件與服務器控件分別和js函數混合使用的問題

vs2010中關於HTML控件與服務器控件分別和js函數混合使用的問題

public 文件 事件 bubuko 引號 val 在服務器 microsoft clientid

此文檔解決以下問題:

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函數混合使用的問題