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