知识大全 结合JavaScript与ASP.NET Web窗体进行程序开发

Posted 函数

篇首语:知识虽宝贵,但更可贵的却在于运用。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 结合JavaScript与ASP.NET Web窗体进行程序开发相关的知识,希望对你有一定的参考价值。

结合JavaScript与ASP.NET Web窗体进行程序开发  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  ASP NET为Web程序开发提供了新的范例 其中包括一系列基于服务器的控件 这些控件类似于HTML窗体中诸如文本框 按钮等元素 使用这些控件的问题是必须调用服务器 JavaScript为很多任务提供多种选择的机会 而这些过程不需要调用服务器 让我们来看结合JavaScript与ASP NET所带来的强大功能      性能是必需的  调用服务器要求带宽和服务器处理时间 然而对一个可以享受高速流通的局域网程序将不会有任何问题 但是在广域网中就是不同的情况 一个因特网用户连接速度的不同主要取决于用户的拨号调制解调器 带宽或者电缆调制解调器 使用用户型的JavaScript可以不需要调用服务器      传统方法  一个标准的网页窗体包括像标题框 正文和窗体在内的页面 JavaScript函数按传统方法被放置在网页窗体的标题框 这些函数允许被页面的其它部分载入和利用 一旦被载入 这些函数将从HTML元素中调用     让我们看看一个简单的JavaScript的例子     function valSubmit()   var doc = document forms[ ];  varmsg = ;  if (doc firstName value == )     msg += Please enter a first name n ;      if (doc lastName value == )   msg += Please enter a last name n ;      if (msg == )   doc submit();   else   alert( The following errors were  encountered nn + msg);       这一函数将检验数据被传送到窗体中的两个HIML区 如果其中一个区是空的 将显示错误信息并且停止运行 如果两个区都有值时 窗体被提交 你可以使用以下的代码调用这一函数     <input type= button value= submit   name= btnSubmit onClick= valSubmit(); >    利用这一关系 在HIML区没有数据之前 窗体是不会被提交的 这样我们可以看到 代码变得更加简单 但是由于无需调用额外的服务器而不会产生任何副作用 JavaScript简短而实用 这就意味着窗体不需要额外的载入时间     ASP NET网页窗体允许使用标准的HTML 因此你可以容易地使用前面的范例 ASP NET用户控件允许你很轻松地调用服务器代码来处理Web窗体 庆幸的是 用户控件和JavaScript的结合使用完全是可以的 我将利用一个ASP NET按钮控件的例子来说明这一使用过程     按钮控件的所有属性提供了将JavaScript连接到控件的方式 首先 将JavaScript函数放置在ASP NET网页窗体中 但是通过添加返回值可以改变放置的方法 如果确认通过 函数值返回为真 与按钮相关的服务器函数就会别调用 如果返回值为假 则窗体不会被提交     <%@ Page language= c# %>  <!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN >  <><head>  <title>WebForm </title>  <script language= javascript >  function valSubmit()   var doc = document forms[ ];  varmsg = ;  if (doc firstName value == )   msg += Please enter a first name n ;    if (doc lastName value == )   msg += Please enter a last name n ;    if (msg == )   doc submit();  return true;   else   alert( The following errors were encountered nn + msg);  return false;     </script>  <script language= C# runat= server >  private void btnSearch_Click(object sender System EventArgs e)   Response Write( Search );    private void Page_Load(object sender System EventArgs e)   btnSubmit Attributes Add( onClick return valSubmit(); );    </script></head>  <body>  <form id= frmBuilderTest method= post runat= server >  <label >  First Name:</label>  <input   type= text name= firstName id= firstName >  <label >  Last Name:</label>  <input   type= text name= lastName id= lastName ><br /><br />  <asp:Button id= btnSubmit runat= server Text= Submit Width= px   OnClick= btnSearch_Click ></asp:Button>  </form></body></>    这些代码中最为关键的一行是     btnSubmit Attributes Add( onClick return valSubmit(); );    通过风格属性使用CSS可以将元素放置在HIML窗体 窗体将JavaScript函数和ASP NET 按钮 (btnSubmit)以及HTML的onClick事件连接起来 在窗体被提交给服务器时 ASP NET Button 中的onClick属性会通知系统调用哪些函数     如果你是一名VB NET开发人员 对于前面代码 只需要改变代码中的C#模块 VB NET相应的代码如下     <script language= vb runat= server >  Private btnSearch_Click (sender As Object e As System EventArgs)  Response Write( Search )  End Sub  Private Page_Load(sender As Object e As System EventArgs)  btnSubmit Attributes Add( onClick return valSubmit(); )  End Sub  </script>     功能强大的JavaScript和ASP NET结合  JavaScript是面向用户网页开发的实用标准语言 它与ASP NET Web窗体的结合 为开发人员提供了一个功能强大的用于构建稳固程序的工具集 而程序的稳固性被认为软件性能的一个关键组成部分 cha138/Article/program/net/201311/12434

相关参考

知识大全 ASP.NET中的javascript操作

ASP.NET中的javascript操作  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  下面总

知识大全 ASP.NET编程工具ASP.NET Web Matrix详细介绍

ASP.NET编程工具ASP.NETWebMatrix详细介绍  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来

知识大全 ASP.NET教程:Web表单

ASP.NET教程:Web表单  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  所有服务器控件必须

知识大全 在ASP.Net中应用Javascript

在ASP.Net中应用Javascript  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  概要本

知识大全 基于ASP.NET的Web动态控件创建

基于ASP.NET的Web动态控件创建  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  摘要web

知识大全 ASP.NET 中整合JavaScript的技巧

ASP.NET中整合JavaScript的技巧  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  尽

知识大全 ASP.NET创建Web服务之设计方针

ASP.NET创建Web服务之设计方针  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  使用ASP

知识大全 asp.net、IIS和Web应用程序

asp.net、IIS和Web应用程序  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  一个Web

知识大全 如何在ASP.NET中使用JavaScript脚本

如何在ASP.NET中使用JavaScript脚本  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 

知识大全 ASP.NET MVC上的Web应用

ASP.NETMVC4框架:ASP.NETMVC上的Web应用  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来