Web期末

题型：

1. 选择（20分）
2. 简答（30分）
3. 页面样式设计（10分 主要是div+css布局）
4. 程序设计（40分 JavaScript2题、servlet1题、jsp一题）

考点分布

考点一

1. css选择器

   • id选择器：#
   • class选择器：.

2. 盒模型

   • Margin(外边距) - 清除边框外的区域，外边距是透明的。
   • Border(边框) - 围绕在内边距和内容外的边框。
   • Padding(内边距) - 清除内容周围的区域，内边距是透明的。
   • Content(内容) - 盒子的内容，显示文本和图像。

   

3. 浮动

   1. float属性：left、right、none（默认）、inherit（继承父元素）。
   2. display:显示

4. 定位

   • static:默认，静态定位的元素不会受到 top, bottom, left, right影响。
   • fixed：元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动。
   • relative：相对定位元素的定位是相对其正常位置。
   • absolute：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于:

考点二：JavaScript

1. 数据类型

   • JavaScript 变量能够保存多种数据类型：数值、字符串值、数组、对象等等：

     JavaScript 从左向右计算表达式。

     var length = 7;                             // 数字
     var lastName = "Gates";                      // 字符串
     var cars = ["Porsche", "Volvo", "BMW"];         // 数组
     var x = {firstName:"Bill", lastName:"Gates"};    // 对象 
     

   • Undefined （undefined）与 null（object） 的值相等，但类型不相等。

   • 函数：

     • 实例

       计算两个数的乘积，并返回结果：

       var x = myFunction(7, 8);        // 调用函数，返回值被赋值给 x
       
       function myFunction(a, b) {
           return a * b;                // 函数返回 a 和 b 的乘积
       }
       

     • 实列

       <script>
       function helloworld(){
       			 alert("Hello World!");
       		}
       </script>
       		<input type="submit" value="提交" onclick="helloworld()" />
       

2. 面向对象创建对象

   var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
   var person = {
       firstName:"John",
       lastName:"Doe",
       age:50,
       eyeColor:"blue"
   };
   var person = {
   		    firstName: "John",
   		    lastName : "Doe",
   		    id : 5566,
   		    fullName : function() 
   			{
   		       return this.firstName + " " + this.lastName;
   		    }
   		};
   document.write(person.fullName());
   console.log(person.firstName);
   person.lastName;
   person["lastName"];
    alert("Hello World!");
   

3. 内置对象

​

具体点击

4. 定时器

5. 事件驱动

考点三：servlet

1. 生命周期
2. 会话管理
3. 获取参数
4. request和response

考点四：jsp

1. 基本语法
2. 内置对象
3. 三大指令
4. el表达式
5. jstl标签

简答题题库

• 试说明servlet生命周期分为哪几个阶段？

• HttpSession 、cookie的作用各是什么？各个特点有哪些？并用代码说明使用方法

• 试说明Web客户端和服务器之间的交互是什么协议？该协议有哪两大特点？

• 页面上有下列元素 ，请给出javascript代码实现点击按钮，让文本框显示“hello world”文本信息。

• 在JSP中提供了哪四种属性的保存范围，请列出并说明其范围？

• JSP命令指令用来设置与整个JSP页面相关的属性，请给出JSP有3大基本指令并说明他们的作用?

• 请用html代码举例说明CSS 类选择器的使用方式？

• JSP有哪些内置对象？作用分别是什么？

  答：

  1. HttpServletRequet类的Request对象：代表请求对象，主要用于接受客户端通过HTTP协议连接传输服务器端的数据。

  2. HttpSevletResponse类的Response对象：代表响应对象，主要用于向客户端发送数据。

  3. JspWriter类的out对象：主要用于向客户端输出数据，out的基类是jspWriter

  4. HttpSession类的session对象：主要用来分别保存每个月的信息与请求关联的会话；会话状态的维持是web应用开发者必须面对的问题。

  5. ServletContext类的application对象：主要用于保存用户信息，代码片段的运行环境；它是一个共享的内置对象，即一个容器中的多个用户共享一个application，故其保存的信息被所有用户所共享。

  6. PageContext类的PageContext对象：管理网页属性，为jsp页面包装页面的上下文，管理对属于jsp的特殊可见部分中已经命名对象的访问，它的创建和初始化都是由容器来完成的。

  7. ServletConfig类的Config对象：代码片段配置对象，标识Servlet的配置。

  8. Object类的Page对象，处理jsp页面，是object类的一个实例，指的是jsp实现类的实例

  9. Exception对象：处理jsp文件执行时发生的错误和异常，只有在错误页面里才使用，前提是在页面指令里要有isErrorPage=true。

• javascript哪些数据类型

  答：object、number、string、boolean、null、undefined。

知识点整理

HTML

• 标题：

  标题1-6

• 段落：

  段落

• 分界线：

  ---

  换行：
  

• 注释：

• 超链接：链接文本

• 图片：

• 表格：

  <table border="1">
      <!--表头 -->
      <tr>
          <th>Header 1</th>
          <th>Header 2</th>
      </tr>
      <tr>
          <td>row 1, cell 1</td>
          <td>row 1, cell 2</td>
      </tr>
      <tr>
          <td>row 2, cell 1</td>
          <td>row 2, cell 2</td>
      </tr>
  </table>
  

• 列表：

  无序列表：
  <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ul>
  有序列表：
  <ol start="50">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ol>
  
  

• 表单:

  <form>
  			文本：<input type="text" name="sr" /><br />
  			密码：<input type="password" name="mm" /><br />
  			<input type="radio" name="sex" value="male" />男<br />
  			<input type="radio" name="sex" value="femal"/>女<br />
  			<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
  			<input type="checkbox" name="vehicle" value="Car">I have a car<br />
  			<input type="submit" value="提交" />
  </form>
  

CSS

• id选择器：#
• class选择器：.

插入方式：

• 外部样式

  <head>
  <link rel="stylesheet" type="text/css" href="mystyle.css">
  </head>
  

• 内部样式

  <head>
  <style>
  hr {color:sienna;}
  p {margin-left:20px;}
  body {background-image:url("images/back40.gif");}
  </style>
  </head>
  

• 内联样式

  <p style="color:sienna;margin-left:20px">这是一个段落。</p>