实用页面设计方法 ——JavaScript 全套 教学课件讲解材料.ppt

实用页面设计方法——JavaScript;1.2 JavaScript功能;1.3 JavaScript历史;1.4 JavaScript特点;1.5 嵌入使用;1.5 嵌入使用-示例;1.6 引入使用;1.6 引入使用-示例;1.7 不支持JavaScript的处理;1.7 不支持JavaScript-示例;第二章： JavaScript基本语法;2.1 语法;2.2 注释;2.3 特殊字符;2.4 常量/变量;2.5 变量声明;2.6 变量命名;2.7 JavaScript保留字（一）;2.7 JavaScript保留字（二）;2.8 变量类型（了解）;2.9 类型转换;2.9 类型转换;2.10 语句;2.11 运算符;2.11.1 赋值运算符;2.11.2 数学运算符;2.11.3 关系运算符;2.11.4 逻辑运算符;2.11.5 typeof运算符;2.11.6 条件运算符;2.12 异常捕获（了解）;第三章： 流程控制和函数;3.1 流程控制;3.1.1 条件语句-if;3.1.2 条件语句-switch;3.1.3 循环语句-for;3.1.4 循环语句-while;3.1.5 break/continue;3.2 函数;3.2.1 arguments对象;3.2.2 函数使用（一）;3.2.3 函数使用（二）;3.2.4 函数使用（三）;1、做一个乘法表—JavaScriptExercise.html 在网页上用javascript函数，在网页上打印出乘法九九表。 1*1=1 1*2=2 2*2=4 .................................. 1*9=9 2*9=18 ...............9*9=81 ;2、JavaScriptExerciseTwo.html 使用prompt(””,””)获取用户输入的字符串，直到实现输入“STOP”时停止。并打印所有的输入：其他字符使用红色字体输出，“STOP”使用蓝色字体输出。 prompt()的使用如下： var inputStr = prompt(请输入一串字符,“default); alert(inputStr); ;第四章： JavaScript对象;4.1 对象;4.2 对象创建及废除;4.3 JavaScript内部对象;4.3.1 Array对象;4.3.1.1 赋值;4.3.1.2 取值;4.3.1.3 Array-示例-Array.html;4.3.1.4 Array-应用-ArraySim.html;4.3.1.5 Array对象的常用方法;4.3.1.5 Array对象的常用方法;4.3.1.5 Array对象的常用方法;4.3.2 Date对象;4.3.2.1 Date对象的构造方法;4.3.2.2 创建Date对象;4.3.2.3 Date对象的get方法;4.3.2.4 Date对象的set方法;4.3.2.5 其它方法（了解）;4.3.2.6 Date对象-练习;4.3.3 Math对象;4.3.3 Math对象的方法;4.3.4 String对象;4.3.4 String对象的方法;4.3.4 String对象的方法;一、定义一个字符串，然后对字符串操作所有String对象的方法。如：var tmpString = 123456789,abcdefgABCDEFG,a; ——StringExercise.html（说明：这里不做了，课堂演示） 二、定义一个函数，功能是去除字符串开头及末尾的空格 如：[10个空格]abc[2空格]def[6空格]，返回：abc[2空格]def ——StringTrim.html 思路：使用charAt和substring去除头尾的空格；（掌握此方法）;4.4 定义对象（了解）;4.4.1 工厂方法（一）-无参数（了解）;4.4.1 工厂方法（二）-有参数（了解）;4.4.2 构造函数（了解）;4.4.3 原型方式（了解）;4.4 操作对象;第五章：对象模型;5.1 浏览器对象模型;5.1 浏览器对象模型;5.2 window对象;5.2.1 操作窗口;5.2.2 打开新窗口;5.2.2 打开新窗口;练习： 在原来页面的基础上打开新窗口，要菜单栏和状态栏，大小默认（500，300）；然后在原页面中设置4个按钮，分别可以控制新窗口改变大小和移动（前面的4个方法）； 按钮的单击事件（仅供参考）： input type=“button” value=“移动” onclick=“MoveBy(100,200)” windowControl.html;alert() 弹出一个提示框 使用：alert(“文本字符串”); 示例：alert.html;prompt() 弹出