第1章 JavaScript 简介

 1.浏览器/服务器（B/S）模式

第2章 HTML 制作

2.10 表单（P33）

  表单程序：文本域、密码域、单选框、复选框

  bdcx bdcx1（实验2）

第3章 JavaScript 编程基础

  Java 语言的数据类型

Java的基本数据类型

3.1 常量（P39）

  常量格式：final type constantName=constantValue;

            关键字 类型 常量名 常量值

  例：final double PI=3.14159;

  整型常量、浮点型常量、布尔型常量、字符型常量、字符串型常量。

Java的转义符（P59）

3.2 变量数据（P41）

 1.整型变量

  byte 8位、short 16位、int 32位、long 64位。

 2.浮点型变量

  float 16位、double 32位。

 5.NULL 值

  例：a=null;   // 释放变量 a 所占内存

 6. final变量：终值变量赋值后，在程序中不再改变。

 class Point

 {

  int x,y;

  int useCount;

  Point(int x,int y)  //定义Point方法

   {

    this.x=x;

    this.y=y;

   }

  final static Point.origin=new Point(0,0);

  //把坐标(0,0)赋值给终值Point类的origin对象

 }

3.3 表达式

3.3.1 运算符与表达式（P44）

  位运算

  1）位运算符

    按位与（&）、按位或（|）、按位异或（^）。

  2）移位运算符

    左移（<<）、带符号右移（>>）、不带符号右移（>>>）。

 表达式

 类型转换

  自动类型转换,由系统完成。

   位少向位多类型转换。

 例如：3.2/2转换成3.2/2.0

   byte 转换为 int。

   byte b=10;

   int i=100,i1;

   i1=b+i;

3.3.7 条件运算符

  1）关系运算符

    >  >=  <  <=  ==  !=

  2）逻辑运算符

    !  &  |  ^  &&  ||

  3）三元运算符(?:)

3.3.9 运算符优先级别

 例：b=5;a=b=19; 左结合，运算结果a=19 b=19

Java 运算符的优先级表

第4章 流程控制

4.3 分支语句（if-else,switch,break,return）（P59）

  成绩考评 年龄段判断（实验3）

 条件选择

 1.if 语句：单分支语句

 2.if-else 语句：多分支语句

 3.switch 语句（开关语句）：

   控制传递给以表达式的值为标号的语句。

4.4 循环语句（for，continue，while，do-while）（P66）

    for（初值；终值；步级）

     {

      语句；

     }

 1. while 语句

    先判型：先判断，后执行。

 2. do-while 语句

    后判型：先执行，后判断。

 3.跳转：break，continue，return。

4.4.5 循环嵌套（P72）

  九九乘法表（实验4）

第5章 函数

5.6 函数的嵌套调用（P87）

5.7 递归函数（P89）

  10！=10*9！

6.2 对象的基本概念

6.2.2 对象的属性和方法（P97）

  对象的属性：描述对象特性的一组数据（变量）。

  对象的方法：操作对象的若干动作（函数）。

6.3 Math 对象（P100）

  图形程序设计：jtcs.exe jtcs.htm

  正弦波 zxb zxb_s jzxb jzxb_dm

6.4 Date 对象（P101）

  北京时间：bjsj bjsj_e（实验5）

  电影序幕 dyxm

  万年日历：wyrl

6.5 Number 对象（P103）

6.7 Array 对象（P105）

 数组数据

  1.数组：一组类型相同的有序数据，

    这些数据按顺序存放在内存中一片连续的地址中。

 2.数组的创建与使用

 例如：

   int[] ai;  //声明整数数组类型ai

   point p[]; //声明点point类型数组p[]

   int[] ai=new ai[10];

              //声明数组类型，同时为数组分配空间，创建数组对象

7.1.1 认识文档对象模型（P111）

 window:document,event,frame,history,location,navigator,screen.

 document:applet,form,image,link.

 form:button,checkbox,hidden,option,password,radio,reset,

  submit,text,textarea.

7.2 事件驱动（P113）

  事件：操作鼠标、键盘的动作、系统操作。

如，单击鼠标、载入页面。

  事件驱动：事件引起程序动作的执行方式。

  事件处理：响应事件的处理过程。

  常用事件：onClick,onLoad,onMouseDown,onMouseMove,onReset,

onSelect,onSubmit,......

7.2 处理事件（P114）

例 7.3 单击问好

7.4 使用事件（Event）对象（P117）

例 7.4 显示坐标

8.1 窗口（Window）对象

8.1.1 Window 窗口对象的属性和方法（P121）

  窗口（Window）对象：提供处理浏览器窗口的方法和属性。

窗口的打开和关闭、窗口状态栏的设置、

定时执行程序、对话框的使用。

  Window 窗口对象的属性：

Frame,document,location,top,self,screen,.......。

  Window 窗口对象的方法：

open(),close(),alert(),prompt(),......。

8.1.2 打开和关闭窗口（P122）

  例 8.1 开关窗口 kgck

8.2 文档（document）对象（P126）

8.3 表单（form）对象

8.3.1 form 对象的属性、方法和事件（P130）

 action：表单提交时执行的动作。

 method：发送表单的 HTTP 方法。

 target：目标窗口或框架。

8.3.2 表单处理（P132）

 表单提交的内容传送到服务器后，

由 action 属性指定的 ASP 程序进行处理。

8.3.3 表单元素对象的属性、方法和事件（P133）

 Text、TextArea、Password、Button、Reset、Submit、

Radio（单选框）、Checkbox（复选框）、

Select（列表）、Option（列表选项）、Hidden（隐藏）。

8.3.4 处理表单元素示例（P135）

  例 8.13 设置背景颜色 zbjs

 级联样式表（CSS）：动态网页制作技术，格式化网页的标准方式，

定义页面元素的显示方式和位置。

9.1 CSS 简介（P142）

 例9.1 设计<P>段落样式。

 FrontPage环境—格式—HTML 标记，样式：“P”标记—

修改—格式—字体—倾斜……。

 头部定义样式

 <style>

 <!--

  p{font-style:italic}

 -->

 </style>

 正文中页面元素使用 CSS 样式

 <P>级联样式表（CSS）</P>

9.2 样式定义（P143）

  H1{font-size:large;color:green}

  选择器，属性，值

  定义类选择器带“.”

  .web_name{font-weight:bold}

  定义ID选择器带“#”

  #my_name{font-size:14pt}

 头部定义样式

 <style>

 <!--

  .web_name{font-weight:bold}

 -->

 </style>

 正文中页面元素使用 CSS 样式，定义段中段

 <SPAN class="web_name">Web</SPAN>

9.3 使用样式

  1.正文中直接指定页面元素的样式（P148）

  <P style="font-size:large;color:red">直接指定样式</P>

  <P><font size="6">直接指定样式</font>

  2.头部定义样式，正文中页面元素使用 CSS 样式（P147）

 <style>

 <!--

  .university_name{font-style:italic}

 -->

 </style>

 正文中页面元素使用 CSS 样式

 <SPAN class="university_name">中山大学</SPAN>

  3.级联样式表文件定义样式，头部链接样式表文件，

正文中页面元素使用 CSS 样式（P147）

  级联样式表文件（style.css）定义样式

  .university_name{font-weight:bold}

  头部链接样式表文件

 <LINK rel="stylesheet" type="text/css" href="style.css">

 正文中页面元素使用 CSS 样式

 <SPAN class="university_name">中山大学</SPAN>

9.5 CSS 属性

  指定颜色值的方式（P151）

  颜色名：16种标准颜色名称 red green blue yellow white black

  #RRGGBB：十六进制表示颜色含量，如红色 #FF0000

  rgb(r,g,b)：十进制表示颜色含量，如红色 rgb(255,0,0)

9.5.1 字体属性

  字体：font-family

  字号：font-size

  字形：font-style

  字粗细：font-weight

9.5.2 文本属性（P152）

  控制文本的段落格式。

9.5.3 颜色和背景属性（P153）

  背景颜色：backgroundColor

  背景图像：backgroundImage

9.5.4 容器属性（P154）

 容器属性：

边框（border）、边距（margin）、填充（padding）、浮动。

 浮动属性：

float 图片浮动在页面左或右边缘。

clear 图片不浮动在页面上。

9.5.5 列表属性（P158）

 列表属性：listStyleImage 把图片设置为项目符号。

9.5.6 鼠标属性（P159）

 鼠标属性：设置鼠标显示不同的图案，

十字、指针、手形、交叉箭头、I形、沙漏、问号。

9.5.7 定位和显示（P161）

 定位属性：position,top,bottom,left,right,z-index.

 显示属性：

display 属性控制元素的显示方式。

visibility 属性控制元素是否可见。

9.5.8 CSS 滤镜（P163）

 滤镜（filter）：

设置文本、图片对象的特定的效果（阴影、模糊、翻转）。

10.1 文字特效（P169）

 跳动文字、循环显示文字

10.2 图片特效（P171）

 水中倒影、图片闪烁、滚动展示图片

10.3 时间特效（P173）

 数字时钟 bjsj bjsj_e、针式时钟 日期时钟 rqsz 时钟 sz sz1

10.4 窗体特效（P177）

 状态栏显字、跟随滚动、雪花飘落 xhpp xhpp_scr

// y 值逐渐增大，雪花逐渐飘落

dot.own_y += dot.own_offset_y;

dot.style.pixelTop = dot.own_y;

// x 方向左右摆动

dot.style.pixelLeft = 

dot.own_x+dot.own_am*Math.sin(dot.own_dx);

10.5 鼠标（P183）

 文字跟随鼠标特效 wzgsb  hygl 时钟跟随鼠标特效 szgsb

<!-- 1. 调整字号、颜色--!>

<style type="text/css">
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size: 16 pt;
color: #FFFF00;
font-weight:bold;
}
</style>

<script>
var x,y //鼠标的 x,y 坐标
var step_x=25 //字符 x 方向间距
var step_y=5 //字符 y 方向间距
var flag=0

// 2.调整文字信息

var message="文字跟随鼠标特效 2005.5.15.."

// 3.调整字符排列方向（左右上下）、间距

function makesnake() {
for (i=message.length-1; i>=1; i--) {

//字符 x 方向间距逐渐增大，+-调整向右向左
xpos[i]=xpos[i-1]+step_x

//字符 y 方向间距逐渐增大，+-调整向下向上
ypos[i]=ypos[i-1]-step_y
}

//首字符 x 方向坐标，+-调整向右向左

xpos[0]=x+step_x 
ypos[0]=y //首字符 y 方向坐标

// 4.调整超时控制（0--100）
var timer=setTimeout("makesnake()",30)}

</script>

10.6 菜单（P187）