WebFrom JS调用技巧

★★★★★★★★★★★★★★★JS的调用技巧★★★★★★★★★★★★★★★★★★★
如何给文本框加JS
法一:在HTML视图找到相关元素,直接嵌入相关的事件和JS代码。
例如:
设计时候:

<script languag="javascript">
function doFocus(txt) {
txt.value = "";

}

</script>

运行前
 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
 2 
 3 <!DOCTYPE html>
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head runat="server">
 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 8     <title></title>
 9     <script languag="javascript">
10         function doFocus(txt) {
11             txt.value = "";
12         }
13 
14     </script>
15 </head>
16 <body>
17     <form id="form1" runat="server">
18     <div>
19     
20         用户名:<asp:TextBox ID="TextBox1" onfocus="doFocus(this)" runat="server" ForeColor="#999999">(必填)</asp:TextBox>
21         <br />
22         密码:<asp:TextBox ID="TextBox2" runat="server" ForeColor="#999999">(必填)</asp:TextBox>
23         <br />
24         <asp:Button ID="Button1" runat="server" Text="Button" />
25     
26         <br />
27         <br />
28         <br />
29         <br />
30         <asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="http://www.itnba.com/upLoad/slide/month_1502/201502261338075041.png" NavigateUrl="http://www.itNBA.com" Target="_blank">汉企人才定制中心</asp:HyperLink>
31         <br />
32         <br />
33         <br />
34         <asp:Image ID="Image1" runat="server" ImageUrl="http://www.itnba.com/upLoad/slide/month_1502/201502261338075041.png" />
35     
36     </div>
37     </form>
38 </body>
39 </html>

用户名:<asp:TextBox ID="TextBox1" onfocus="doFocus(this)" runat="server" ForeColor="#999999">(必填)</asp:TextBox>

运行起来:

运行后

用户名:<input name="TextBox1" type="text" value="(必填)" id="TextBox1" onfocus="doFocus(this)" style="color:#999999;" /> 

法二:在aspx.cs文件的Page_Load方法中,使用Attributes属性加入JS
例如:

<script languag="javascript">
function doFocus(txt) {
txt.value = "";
}

</script>

密码:<asp:TextBox ID="TextBox2" runat="server" ForeColor="#999999">(必填)</asp:TextBox>
C#代码:
protected void Page_Load(object sender, EventArgs e)
{
TextBox2.Attributes.Add("onfocus","doFocus(this)");
}
运行起来:
密码:<input name="TextBox2" type="text" value="(必填)" id="TextBox2" onfocus="doFocus(this)" style="color:#999999;" />

原文地址:https://www.cnblogs.com/m123/p/4533886.html