javaee就业班帖子笔记web03-js篇

1、B03- JS 篇第 3 章完页简校11求：1分析1术分【JS 的概述】JavaScript：运行在浏览器端的语言!JavaScript 的历史：JavaScript 的组成：ECMAScript：JavaScript 的基本的语法 BOM：Browser Object M： DOM：Object M：其他的语言：JavaScript,ActionScript,FlexJS 的用途：使页面更加丰富,使页面动起来！对页面的数据进行非空的简单校验！如果有某个值没有输入,点击提交,弹出一个框进行提示！【JS 的基本语法】【JS 的数据类型】JS 将数据类型分成两类：原始类型：undefined：未定

2、义类型:类型number:数字类型string:字符或字符串.null：空类型：对象类型.对象类型默认值是 null.区分大小写：弱变量类型语言：（与 Java 不同）Java*i = 3;String s = “abc”;JavaScript:var i = 3;var s = “abc”;分号可有可无：变量命名：【JS 的运算符】【JS 的语句】【JS 的通常开发的步骤】【JS 的引入方式】1代码：/ alert(o!);function checkForm()/ 获得文本框的值：var username =.geementById(username).value;/ var val =

3、username.value;/ alert(username); if(username = )alert(用户名不能为空！);return false;/ 校验：var password =.geementById(password).value;通常两种方式：一种：页面内直接编写 JS 代码,JS 代码需要使用.二种：将 JS 的代码编写到一个.js 的文件中,在 HTML 中引入该 JS 代码即可.JS 通常都由一个事件触发.触发一个函数,定义一个函数.获得操作对象的控制权.修改要操作的对象的属性或值.定义函数:function 函数名称()/ 函数体window.onload = f

4、unction()常用事件：onclick,ondblclick,onmouseover,onmouseout,onload.JS 中的语句与 Java 的语句一致！JS 中的运算符与 Java 中基本一致！JS 中有一个 = 全等于.全等于是类型和值都一致的情况下才为 true.1 1 4*.geementById(“”);正则的匹配:JS 中有两种匹配正则的方式:使用 String 对象中的 match 方法.使用正则对象中的 test 方法.将 JS 的代码定义成一个文件引入:获得页面中的元素:if(password = )alert(不能为空); return false;/ 校验确认

5、:var repassword =.geementById(repassword).value; if(repassword != password)alert(两次输入不一致！);return false;/ 校验邮箱:var=.geementById().value;/ JS 校验正则表达式就有两个方法:String 对象中的match 方法,一个是正则对象中的test方法./ str.match(正则表达式); 正则.test(字符串);if(!/(a-zA-Z0-9_-)+(a-zA-Z0-9_-)+(.a-zA-Z0-9_-)+/.test()alert(邮箱格式不正确！); ret

6、urn false;片的1 2S11求1 2分析1 2术分析【HTML 的 window 对象】* seterval(“change()”,5000);* setTimeout();:隔多少毫秒执行一个该表达式.* setTimeout(“change()”,5000);* seterval();:每隔多少毫秒执行某个表达式.使用 JS 完成该效果：的的1 3J11求：12分析：1析：【JS 中的 Window 对象的定时的操作】1 3 2 2 步析：【步骤一】创建一个 HTML 文件【步骤二】当页面加载的时候开始计时.使用 onload 事件.【步骤三】编写 onload 事件触发的函数.【

7、步骤四】获得操作的控制权.【步骤五】修改的 src 的属性.1代码：4JS1 4求1 4 2分：1析：【JS 的 window 对象的定时的方法】【CSS 的显示和隐藏的属性】12 步析：【步骤一】创建一个 HTML 页面【步骤二】确定事件：页面的加载事件【步骤三】触发一个函数，编写该函数.【步骤四】在函数中设置定时操作.定时执行一个显示的函数.【步骤五】清空定时，重新设置定时，5 秒钟隐藏.1 4代实：1：1OM 对中用 J册及1 5 1求：1 5分析：1 5 2技术分析【JS 的输出】*ementById(“”).innerHTML=”HTML 的代码”;.write(“”);【JS 的事

8、件】1 5步分析：【步骤一】创建一个 html 文档【步骤二】在要去校验的文本框上添加事件.【步骤三】触发函数.ge【步骤四】在函数中向文本框后的 html 的区域中写入一段提示的内容.1 5代实1 5总：1 5S 的：使用 J色表611求：12分析：1分析：【使用 JS 获得表格的行数】1 6 2 2 步分析：【步骤一】创建一个 HTML 页面：可以使用【步骤二】确定事件：onload 事件.设计页面.【步骤三】触发一个函数.在这个函数中获得操作的表格.【步骤四】获得表格中的所有的行数.【步骤五】遍历表格的行数.【步骤六】判断是否是奇数行还是偶数行.1代码：1 6 4：1y 和ad六复框的全

9、全的J1 7 1求：1 7 2分析1 7析：1 7 2 2 步分析：【步骤一】创建一个 HTML 页面.【步骤二】确定事件：复选框的单击事件.【步骤三】触发一个函数【步骤四】在函数中,获得上面的复选框是否被选中.【步骤五】如果选中,下面的所有的复选框都被选中.【步骤六】如果不选中,下面的所有的复选框都不选中.1 7代码：1 7 4：1 7OM 对中【DOM 的概述】【DOM 的常用的操作】【使用 DOM 完成对 ul 中添加一个 li 元素】用 J市动的111求：1分析：12技术分析【JS 中创建数组】【JS 的事件】【JS 的 DOM 的操作】12步析【步骤一】创建一个 HTML 文件.【步骤二】确定事件：o