文档介绍：JavaScript基础
1
目标
JavaScript语言基础
JavaScript基础对象
JavaScript文档对象
JavaScript事件处理
2
JavaScript特点
JavaScript 使网页增加互动性
JavaScript 使有规律地重复的HTML文段简化,减少下载时间。
JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。
JavaScript 的特点是无穷无尽的,只要你有创意。
3
在什么地方插入 JavaScript
JavaScript 可以出现在 HTML 的任意地方。
使用标记<script>…</script>,你可以在 HTML 文档的任意地方插入 JavaScript,甚至在<HTML>之前插入也不成问题。
不过如果要在声明框架的网页(框架网页)中插入,就一定要在<frameset>之前插入,否则不会运行。
另外一种插入 JavaScript 的方法,是把 JavaScript 代码写到另一个文件当中(此文件通常应该用“.js”作扩展名),然后用格式为“<script src=”“></script>”的标记把它嵌入到文档中。注意,一定要用“</script>”标记。
如果想在浏览器的“地址”栏中执行 JavaScript 语句,用这样的格式:javascript:<JavaScript语句>
4
变量
变量必须先定义再使用
定义规则:var <变量> [= <值>];
数据类型:
整型:只能储存整数。可以是正整数、0、负整数,可以是十进制、八进制、十六进制。八进制数的表示方法是在数字前加“0”,如“0123”表示八进制数“123”。十六进制则是加“0x”:“0xEF”表示十六进制数“EF”。
浮点型:即“实型”,能储存小数。
字符串型:是用引号“”“”、“‘’”包起来的零个至多个字符。用单引号还是双引号由你决定。
布尔型常用于判断
对象
5
JavaScript常数
null 一个特殊的空值。当变量未定义,或者定义之后没有对其进行任何赋值操作,它的值就是“null”。企图返回一个不存在的对象时也会出现null值。
NaN “Not a Number”。出现这个数值比较少见,以至于我们可以不理它。当运算无法返回正确的数值时,就会返回“NaN”值。NaN 值非常特殊,因为它“不是数字”,所以任何数跟它都不相等,甚至 NaN 本身也不等于 NaN 。
true 布尔值“真”。用通俗的说法,“对”。
false 布尔值“假”。用通俗的说法,“错”。
6
逻辑控制语句(1)
if
if ( <条件> ) <语句1> [ else <语句2> ];
循环
for (<变量>=<初始值>; <循环条件>; <变量累加方法>) <语句>;
while (<循环条件>) <语句>;
break 和 continue
7
逻辑控制语句(2)
switch
switch (e) {  case r1: (注意:冒号)    ...    [break;]  case r2:    ...    [break;]  ...  [default:    ...]}
8
基本对象
对象是可以从 JavaScript“势力范围”中划分出来的一小块,可以是一段文字、一幅图片、一个表单(Form)等等。每个对象有它自己的属性、方法和事件。
对象的属性是反映该对象某些特定的性质的,例如:字符串的长度、图像的长宽、文字框(Textbox)里的文字等等;
对象的方法能对该对象做一些事情,例如,表单的“提交”(Submit),窗口的“滚动”(Scrolling)等等;
而对象的事件就能响应发生在对象上的事情,例如提交表单产生表单的“提交事件”,点击连接产生的“点击事件”。
演示动态创建窗体与帮助文档查询
9
var WIDTH = 400;
var HEIGHT = 300;
Function createDiv(){
//创建大层 with方法
var bigDiv = ("div");
with(){
position = "absolute";
width = WIDTH + "px";
height = HEIGHT + "px";
backgroundColor = "white";
left = ( - WIDTH) / 2 + "px";
top = ( - HEIGHT) / 2