码迷,mamicode.com
首页 > Web开发 > 详细

vs2010中关于HTML控件与服务器控件分别和js函数混合使用的问题

时间:2018-08-15 17:44:39      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:调试   函数   ntb   注意   star   关于   doc   server   技术分享   

 此文档解决以下问题:

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函数混合使用的问题

标签:调试   函数   ntb   注意   star   关于   doc   server   技术分享   

原文地址:https://www.cnblogs.com/yankyblogs/p/9481615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!