Asp.Net网页和一般的Html网页有什么区别?

html-css020

Asp.Net网页和一般的Html网页有什么区别?,第1张

asp.net是服务器端的脚本,它不是网页。

你的意思我应该理解为:做网页的时候使用了asp.net做服务器端

其实所有的网页,你看到的都是利用css布局过的普通的html标签。即使你的网页没有任何服务器端的代码依然可以,但是和用户不能交互。

asp.net和php,jsp等的作用就是和用户进行交互。比如你在搜索栏里输入了“衣服”,网页就给你显示搜索结果,但是它怎么会显示出这些东西呢?这就是这些服务器脚本语言干的事情了。又或者你登录某网站输入账号密码,它怎么知道你输入的对不对呢,这也是靠服务器端的代码来实现的。

可以做一个这样的比喻,没有后台的网页就像一个充气娃娃,而后台逻辑的网页是一个有思想的人

Web控件和Html控件虽然好多功能相同并且长得很像

但是它们的内部实现机制是完全不一样的

Web控件要比Html控件执行效率要好

0.HTML控件不具备任何抽象能力。每种控件与标记都是一一对应的。

Web控件创建了更高级别的抽象,它们没有任何对应的HTML标记(如Calendar和DataGrid)。因为它们不直接映射为HTML标记,所以Web控件还能够在适当的场合起到合并功能的作用(例如用一个TextBox控件来代替多个标记)。这种抽象为使用第三方提供的种类丰富的控件工具箱打开了方便之门。

1. 使用起来也相当方便,举个简单的例子,例如Button的生成:

Html控件是将庞大控件集合全部弄到页面中,用到哪个功能,就设置一下属性,如下:

<input type=submit/button runat=server>

这样会占用相当大的控件资源

Web控件是将集成式的拆解成单功能的:

<asp:button id="btnOK" />

这样就可以节省不必要的控件所占用的资源了

2.Web控件具有回送功能,能够用ViewState维持控件的状态.

Html控件则不能,当点击页面的操作,其状态就会丢失.

可以做这样的一个实验:

I. 分别建立两个文件: a.html b.aspx

II.在a.html页面中加Html控件的RadioButton和一个button,

在b.aspx中加Web控件的RadioButton和一个button

III.a.html直接双击浏览器运行,b.aspx通过IIS运行

IV.在a.html运行界面中,选中RadioButton,再单击Button按钮,会发现RadioButton会

取消选中(丢失其状态),但在b.aspx页面执行同样的操作,RadioButton不会丢失,因为ViewState

给它保存了状态. 您可以在运行界面点击浏览器菜单"查看"->“源文件",打开Html代码文件,

找到加密后的ViewState,类似于下面:

<input type="hidden" name="_VIEWSTATE" value="dDw0ajfmafmjfzzmj4"/>

其实ViewState实现原理也是将一些信息放到隐藏的一个控件中,并且asp.net生成的ViewState信息

是存储在客户端的

这里要注意的一点是:

只有当格式为*.aspx文件,并且控件具有属性:"runat=server"时,回送功能才能打开

3. Html控件与Web控件最大的区别是它们对事件处理的方法不同。对于Html窗体控件,

当引发一个事件时,浏览器会处理它。但对于Web控件,事件仅由浏览器生成,但浏览

器不会处理它,客户端要给服务器发个信息,告诉服务器处理事件。 不过有些事件,

比如:

按下键/移动/鼠标等事件,Asp.net中没有这些事件

(因为这些事件即时性强,服务器处理得不够及时),这时候Html控件就发挥其作用了,结合Html事件

协助完成.

如下是一些Html常用的事件:

在浏览器上执行的Html控件事件:

单击时触发:

<INPUT type="button" value="Click Me" onclick="alert('Hi,你好!')">

鼠标弹起时触发:

<INPUT type="button" value="Click Me" onmouseup="alert('Hi,你好!')">

//悬浮在控件上方时触发

<INPUT type="button" value="Click Me" onmouseover="alert('Hi,你好!')">

//鼠标在控件上方移动时触发

<INPUT type="button" value="Click Me" onmousemove="alert('Hi,你好!')">

//双击控件时触发

<INPUT type="button" value="Click Me" ondblclick="alert('Hi,你好!')">

//当焦点在控件时,按键时触发

<INPUT type="button" value="Click Me" onkeypress="alert('Hi,你好!')">

//按键按下时触发

<INPUT type="button" value="Click Me" onkeydown="alert('Hi,你好!')">

web控件click会让页面递交到后台

html控件的加载速度要快过web控件

不用回发的时候可以考虑使用html控件

如果事回发尽量使用web控件

Asp.net服务器控件,也叫Web服务器控件和Html服务器端控件的区别:

1、 Asp.net服务器控件提供更加统一的编程接口,如每个Asp.net服务器控件都有Text属性。

2、 隐藏客户端的不同,这样程序员可以把更多的精力放在业务上,而不用去考虑客户端的浏览器是ie还是firefox,或者是移动设备。

3、 Asp.net服务器控件可以保存状态到ViewState里,这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。

4、 事件处理模型不同,Html标注和Html控件的事件处理都是在客户端的页面上,而Asp.net服务器控件则是在服务器上,举例来说:

<input id="Button4" type="button" value="button" runat="server"/>是Html控件,此时我们点击此按钮,页面不会回传到服务器端,原因是我们没有为其定义鼠标点击事件。<input id="Button4" type="button" value="button" runat="server" onserverclick="test" />我们为Html控件添加了一个onserverclick事件,点击此按钮页面会发回服务器端,并执行test(object sender, EventArgs e)方法。

<asp:Button ID="Button2" runat="server" Text="Button" />是Asp.net服务器控件,并且我们没有为其定义click,但是我们点击时,页面也会发回到服务器端。

 由此可见:Html标注和Html控件的事件是由页面来触发的,而Asp.net服务器控件则是由页面把Form发回到服务器端,由服务器来处理。