[基础]HTML与Web窗体的关系与区别

最新推荐文章于 2022-06-13 03:33:43 发布

吃素的灰太狼

最新推荐文章于 2022-06-13 03:33:43 发布

阅读量2.5k

点赞数 4

分类专栏：成为大神的路上牛腩系统 javascripe HTML 网页文章标签： javascripe HTML 网页

本文链接：https://blog.csdn.net/mayong1234567/article/details/81505516

版权

成为大神的路上同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

网页

13 篇文章 0 订阅

订阅专栏

HTML

11 篇文章 1 订阅

订阅专栏

前言

之前我们敲牛腩新闻发布系统的时候,添加web层的时候,莫名奇妙的添加了asp.net web 窗体应用,同时我们在web层下添加网页的时候,还是莫名其妙的添加了web窗体,但是当我们写网页的时候,我们明明用的是HTML于是问题来了

问题一:为什么不添加HTML

解释:

HTML是一种静态网页,所谓静态网页,就是不与服务器交互的网页,初学HTML的同志,大部分采用的是记事本来编辑.只要文件名后缀为.html即可而.在牛腩发布系统中,我们需要的是客户端与服务器之间的交互,这样就说明HTML是不够的,所以不能直接添加HTML来实现与数据库的交互.

问题二:什么是动态网页

解释:

动态网页是一种能够响应服务器操作的一种网页,vs中web窗体应用程序就是一种典型的动态网页,其作用机制是通过表单来提交数据一下面的vs初始建立web窗体代码为例:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebForm2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    *<form id="form1" runat="server">*
    <div>

    </div>
    *</form>*
</body>
</html>

从上面的代码中,我们发现系统自动添加了form,这就是我们所谓的表单,表单中的内容,通过submit 来实现,也就是提交,提交的方式有很多.最常见的一种方式是通过按钮,在web控件中,我们可以设置按钮为submit, 这样按钮就可以控制提交表单的东西.
方式2 浏览器中默认回车键提交表单.在我们牛腩新闻发布系统的时候,修改新闻标题,修改新闻类别都用到屏蔽搜索按钮的提交作用,我们采用的方法就是设置其type值.

问题三:HTML和web窗体能否相互转化

解释:

所谓能否相互转化换句话来说就是HTML能否为动态,Web窗体能够变为静态
答案是肯定的! 之所以HTML是静态网页,是因为其没有与服务器交互的机制,将Form 添加到 HTML中,那么form中的东西也可以提交了,只不过form的属性需要设置一般有 type,提交类型, action ,相应url,(提交到服务器后,那个网页来接受信息)
而web由动态变为静态就更加好办了,没有提交的事件.aspx可以说本身是一种,所以将提交屏蔽,或是不使用,就可以实现web窗体静态化

问题四:既然二者可以转化,是否是功能重复?

解释:

尽管二者相似度很高,但是二者各有其优点,HTML静态网页效率很高,动态网页提交相对麻烦,web窗体使用提交比较便捷

问题五:HTML常用在哪里呢?

解释:

HTML静态网页尽管没有动态网页的多,但是也是有其用武之地比如出错页
在牛腩新闻系统中,我们采用HTML来设计错误页,其不需要与服务器交互.
错误页代码如下(可将其加入个人代码库)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>出错了~~~</title>
    <link href="CSS/login.css" rel="stylesheet" />
    <script language="javascript" type="text/javascript" >
        var i = 5;
        var intervalid;//计时器的返回值,
    intervalid= setInterval("fun()",1000);
    function fun() {
        if (i == 0) {

            window.location.href = "首页.aspx";
            clearInterval(intervalid);//清除计时器
        }
        document.getElementById("mes").innerHTML=i;
        i--;
    }
    </script>
</head>
<body>
       <div id="errorfrm" class=" round1" >
           <h3>出错了~~~</h3>
           <div id="error">
              <img src="images/error.gif" alt="图片加载失败" /><!--alt 图片加载不出来现实的文字-->
             <p>系统出错,请联系管理员!</p>
             <P>将在 <span id="mes">5</span> 秒钟后返回登陆页</P>

           </div>
           <div id="footer">
               版权所有 &copy;马勇 &amp;<a href="https://blog.csdn.net/mayong1234567" target="_blank">
                   Bolg
               </a>
           </div>

</body>
</html>