本章目标
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()
实例:页面创建新闻及删除新闻的效果
添加表格的方法