JavaWeb入门学习笔记--HTMLCSS篇

概述：HTML是组织展示内容的标记语言，JavaScript是客户端的脚本语言，CSS是美化页面的样式表，这三种技术结合在一起构成了Web开发最基础的知识，所有的Web应用开发都是在这个基础之上进行的。首先对这三种技术的大体情况了解，可迅速对Web开发的基础知识有一个宏观的清楚的认识。1HTML（HyperTextMarkupLanguage）即超文本标记语言，用来描述Web文档数据。用户可以通过URL链接来访问这种Web文档，从而达到信息展示、信息共享的目的。HTML是一种标记语言，每一种HTML标签都是有一定表现含义的。HTML常用标签：(1)table在HTML的布局标签中，table标签是使用频率最高的一个。它可以把一组信息用表格的形式表示出来，(2)DIV在以往的Web页面开发中，表格是首选的布局元素。(3)a在浏览一个网站的时候，我们经常会遇到一些链接，单击这些链接就会导航的其他的页面。(4)img在目前的网站开发中，对图片的依赖是其他元素所不能替代的，一个漂亮的网页往往是由一系列图片组合而成。(5)HTML表单标签：即用来收集用户输入的标签。form/form是表单标签，只有在这个标签中的用户输入才会被提交给服务器。(6)其他：Flash标签中可以加入Flash动画，文本标签可以用各种方式组织文本内容的显示2JavaScript脚本可嵌套在HTML代码中，响应事件，增加静态的HTML网页的交互性，实现浏览器与用户的互动。2.1Window对象，所有JS对象中最顶层的对象，整个HTML文档是在一个浏览器的一个窗口，及window对象中显示。2.2Document对象，利用其可访问页面上任何的元素。通过控制这些元素，可完成与用户的互动。2.3Location对象，在HTML标签中可用a/a超链接标签来控制网页中的跳转，在JS中如果要实现类似的网页跳转功能，只能选择location对象，使用时，在JS代码中添加一下代码即可：window.location.href=“”；3CSS（CascadingStyleSheets）即层叠样式表CSS是一种美化网页的技术。通过使用CSS，可以方便、灵活地设置网页中不同元素的外观属性，通过这些设置可以使网页在外观上达到一个更高的级别.CSS美化网页就是通过设置页面元素的属性来实现的3.1CSS绝对定位示例在HTML中布局一般情况下需要使用表格，如果要定位只有通过表格的嵌套来实现，这种方法的确可以在一定程度上解决问题，但是却不能随意定位页面元素，而且对某个元素位置的改变有可能影响到整个页面的布局4JavaScript+DIV+CSS实现下拉菜单其原理就是在用JavaScript控制不同DIV的显示和隐藏，其中所有的DIV都是用CSS定位方法提前定义好位置和表现形式，下拉的效果只是当鼠标经过的时候触发一个事件5JavaScript+CSS实现表格变色当鼠标移到某一行的时候，这行的背景颜色发生变化，这样当前行就会比较突出，不容易出错。6JSP（JavaServerPage）技术基础知识JSP（JavaServerPage）是SUN公司开发的一种服务器端的脚本语言。6.1本质是：把Java代码嵌套到HTML中，然后经过JSP容器的编译执行，可以根据这些动态代码的运行结果生成对应的HTML代码，从而可以在客户端的浏览器中正常显示。跨平台，即支持多个操作系统平台，一个用JSP开发的Web应用系统，不用做什么改动就可以在不同的操作系统中运行。6.2运行原理：如果JSP页面是第一次被请求运行，服务器的JSP编译器会生成JSP页面对应的Java代码，并且编译成类文件。当服务器再次收到对这个JSP页面请求的时候，会判断这个JSP页面是否被修改过，如果被修改过就会重新生成Java代码并且重新编译，而且服务器中的垃圾回收方法会把没用的类文件删除。如果没有被修改，服务器就会直接调用以前已经编译过的类文件。6.3环境搭建：要运行JSP程序，必需为其提供一个JSP容器，也就是需要一个Web服务器。支持JSP的服务器非常多，Tomcat、Resin、Weblogic、WebSphere等，Weblogic和WebSphere都是功能非常强大的重量级服务器，而且价格昂贵，对计算机的硬件配置要求也比较高，所以在一般情况下，如果只用到JSP的技术，是没有必要选择这两个服务器的。6.4语法：JSP的结构、变量声名、表达式、动作、指令等JSP的特有语法6.5程序结构：一部分是静态的HTML代码；另一部分是动态的Java代码和JSP自身的标签和指令；当JSP页面第一次被请求的时候，服务器的JSP编译器会把JSP页面编译成对应的Java代码，根据动态Java代码执行的结果，生成对应的纯HTML的字符串返回给浏览器，这样就可以把动态程序的结果展示给用户6.6Jsp的七个动作指令Web程序涉及中经常需要用到JSP的动作指令，例如在使用JavaBean的时候就离不开userBean的指令，JSP的强大功能和它丰富的动作指令标签是分不开的的a)forward动作指令页面转向可以用来控制网页的重定向。即从当前页面跳转到另一个页面。forward动作的使用方法非常简单，具体使用格式如下。jsp:forwardpage=:forwardb)param动作指令，用于传递参数，不能单独使用，param指令可以与以下指令结合使用，jsp：includejsp：forwardjsp：pluginparam动作指令的具体使用方法，forward动作指令中可以用程序控制页面的跳转，如果需要在跳转的时候同时传递参数，这时候就需要用到param动作指令。c)Include动作指令动态引入一个JSP页面include动作指令可以在JSP页面中动态包含一个文件，这与include指令不同，前者可以动态包含一个文件，文件的内容可以是静态的文件也可以是动态的脚本，而且当包含的动态文件被修改的时候JSP引擎可以动态对其进行编译更新。而include指令仅仅是把一个文件简单的包含在一个JSP页面中，从而组合成一个文件，仅仅是简答的组合的作用。其功能没有include动作指令强大。例jsp:includepage=pathflush=true/orjsp:includepage=pathflush=truejsp:paramname=paramNamevalue=paramValue//jsp:include注：1、page=path为相对路径，或者代表相对路径的表达式。2、flush=true必须使用flush为true，它默认值是false。3、jsp:param子句能让你传递一个或多个参数给动态文件，也可在一个页面中使用多个jsp:param来传递多个参数给动态文件。d)plugin用于下载JavaBean或者Applet到客户端执行jsp:plugin元素用于在浏览器中播放或显示一个对象（典型的就是applet和bean),而这种显示需要在浏览器的java插件。当jsp文件被编译，送往浏览器时，jsp:plugin元素将会根据浏览器的版本替换成object或者embed元素e)useBean创建一个Javabean实例useBean动作指令可以在JSP中引用JavaBean，这个动作指令在实际开发过程中经常会用到，useBean的使用格式如下。jsp:useBeanid=class=scope=/jsp:useBean其中id为所用到的JavaBean的实例对象名称，class是JavaBean对应类的包路径，包括包名和类名。scope是这个JavaBean的有效范围，共有page、request、session、application四个值可以选择。f)setProperty设置JavaBean实例的属性值一般情况下是和JavaBean配合使用的，用来给JavaBean的实例对象进行赋值操作，setProperty的基本方法有以下两种。jsp:setPropertyname=JavaBean的实例名称”property=属性名value=属性值/上面这种方法是setProperty动作指令最基本的用法，用来给JavaBean实例对象的某一个属性赋值。jsp:setPropertyname=JavaBean的实例名称”property=*/上面这种JavaBean的赋值方法也是经常用到的g)getProperty获取JavaBean实例的属性值一般情况下也是和JavaBean配合使用的，用来取出JavaBean实例对象的属性值。这个动作指令的基本使用方法如下。jsp:getPropertyname=JavaBean的实例名称”property=属性名value=属性值/7JSP指令7.1page指令可以用来定义JSP也面的全局属性。例如编码、错误页面等。7.2include指令可以在当前的JSP页面中包含一个文件，从而和当前页面组成一个整体的文件。这中包含仅仅是静态包含。8JSP内置对象比较常用的JSP内置对象有reqest、response、session、out、application等8.1Reqest对象代表这从用户发送过来的请求，从这个对象中间可以取出客户端用户提交的数据或者是参数。这个对象只有接受用户请求的页面才可以访问。使用场合在Web应用中，用户的需求就抽象成一个request对象，这个对象中间包括用户所有的请求数据，例如通过表单提交的表单数据，或者是通过URL等方式传递的参数，这些就是用户的需求。request正是用来收集类似这些用户的输入数据和参数。同时，request对象中还包括一些服务器的信息，例如端口、真实路径、访问协议等信息，通过request对象可以取得服务器的这些参数。对象的方法有很多，实例：使用request对象取得表单数据。8.2session对象维护着客户端用户和服务器端的状态，从这个对象中间可以取出用户和服务器交互的过程中的数据和信息。这个对象在用户关闭浏览器离开Web应用之前一直有效。使用场合session对象中保存的内容是用户与服务器整个交互过程中的信息，如果是想在整个交互的过程中都可以访问到的信息，就可以选择存放在session对象中。例如在用户登录的过程中，可以在session中记录用户的登录状态，这样用户就不必在每个页面都重新登录，只要用户没有离开当前的Web应用系统，就可以一直保存登录的状态8.3out对象在Web应用开发过程中使用最多的一个对象，其功能就是动态的向JSP页面输出字符流，从而把动态的内容转化成HTML形式来展示。这个对象在任何JSP页面中都可以任意访问使用场合：•out对象的功能就是向JSP页面输出数据信息。所以当有动态信息要展示给用户的时候就要用到out对象。在前面的很多示例中已经多次用到这个对象，读者从中可以很清楚的看到，out对象就是用来输入动态内容信息的。•out对象最常用的方法。1．clear（）•这个方法可以清除缓冲区的数据，但是仅仅是清除，并不向用户输出。2．clearBuffer（）这个方法可以清除缓冲区的数据，同时把这些数据向用户输出。8.4Application对象•保存着整个Web应用运行期间的全局数据和信息，从Web应用开始运行开始，这个对象就会被创建，在整个Web应用运行期间可以在任何JSP页面中访问这个对象。•使用场合：•application中保存的信息可以在整个应用的任何地方访问，这个session对象类似，但和session对象还是有所区别的。只要Web应用还在正常运行，application对象就可以访问，而session对象在用户离开系统就被注销。•application对象的最常用的主要方法。•1．getAttribute（Stringname）•2．getServ