JavaScript

本章目标

1、JavaScript介绍以及基本语法

2、JavaScript事件

3、JavaScript操作表单和表单域 即验证表单

4、JavaScript的对象

5、JavaScript操作DOM模型

重点与难点

1、 JavaScript的验证表单数据

2、 默认对象以及操作DOM模型

要讲的内容

1、 java与JavaScript从本质上讲没有任何关系 

2、 JavaScript的引用方式 

a) 直接在head的<script type="text/javascript">中进行书写

b) 引入外部的js文件

注意：引用js文件的<script>必须与页面中进行书写代码的<script>标签一定要区分开来 即引用仅仅是引用 不可以在作为引用的<script>中书写代码

比如：<script type="text/javascript" src="js/first.js">

alert("Hello World!");

  </script>

则外部js文件中的代码可以执行 而里面自行书写的代码不能实现

3.变量的声明 注意 JavaScript是严格区分大小写的语言

要加上关键字var  变量是没有类型的 而数据是有类型的 注意JavaScript如何创建对象类型

*不能使用未经声明的变量

要求 写JavaScript时注意 

(1)大小写

(2)出现的符号一定是英文符号

(3)不能出现java的类型 比如int String 等

(4)括号一定是成对出现的

注意 ：

JavaScript中 单等号和双等号 三等号的区别

  单等号是赋值 双等号是判断 是不严格相等 只比较对应的值是否相等 不关注类型

三等号是严格相等 但是一般不用

例子：时钟的显示  生成4位随机的验证码 

4.JavaScript获取表单的方式 以及获取表单域的方式

注意：如何获取设置表单或者表单域的属性 注意的属性action(表达提交前触发的事件的写法 obsubmit=”return checkAll*()” 并且checkAll()函数返回boolean类型)

表单域的属性：(1)注意id的使用 id通常是唯一的

(2)Value属性 用户输入窗体的数据 用来验证是否符合规则 注意 该属性通常获取后就要去掉首尾的空格(密码可以例外)

    (3)disabled属性 将表单域置为灰色的状态 尤其是按钮

注意 span或者div的innerHTML属性的应用

*单个验证和整体验证的区别和作用

5．对于单选按钮和复选框的对象的获取方式 document.getElementsByName()

例子：全选 反选 取消按钮 以及管理邮件的页面的整体的效果

注意 css中display属性(none：不显示  block显示)

6.JavaScript中的对象 window: open()   子页面中opener属性：在用open方法打开的子页面中的js代码中获得父页面的window对象

 close() 

History对象 go(-1)返回

Location对象 location.href相当于单击超链接<a href=’’></a>

Location.reload()刷新当前页面

Navigator对象 浏览器版本信息 可以判断出用户使用的是什么浏览器

7．JavaScript操作dom模型 

（1）直接获得或者间接获得节点的方式

（2）改变页面的层次结果 appendChild()  insertBefore()  replaceChild()  removeChild()

实例：页面创建新闻及删除新闻的效果   

添加表格的方法

<!--EndFragment-->