实验难点实验内容实验目的实验重点实验步骤实验内容1、JavaScript 内置函数的应用2、JavaScript 内置对象的应用3、JavaScript 浏览器对象的应用实验难点实验内容实验目的实验重点实验步骤实验目的1、掌握JavaScript 内置函数的使用方法2、掌握JavaScript 常用内置对象的属性和方法3、掌握JavaScript 浏览器对象的含义4、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。

实验难点实验内容实验目的实验重点实验步骤实验重点1、掌握JavaScript 内置函数的使用方法2、掌握JavaScript 常用内置对象的属性和方法3、掌握JavaScript 浏览器对象的含义实验难点实验内容实验目的实验重点实验步骤实验难点1、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。

实验难点实验内容实验目的实验重点实验步骤实验内容一：JavaScript 内置函数的应用1、eval( )：计算字符串表达式的值2、parseFloat( )和parseInt( )：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数3、isNaN( )：确定一个变量是否为NaN （Not a Number ）4、escape( )：将字符串中的非字母数字字符转换为按格式%XX 表示的数字5、unescape( )：将字符串格式为%XX 的数字转换为字符6、程序案例1_1：求用户在提示对话框中输入的表达式的值。

7、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮点数和整数，并显示到网页上。

实验难点实验内容实验目的实验重点实验步骤实验内容二：JavaScript 内置对象的应用1、Math 对象2、Date 对象3、Number 对象4、String 对象5、Array 对象实验难点实验内容实验目的实验重点实验步骤一、对象的基本概念1、什么是对象对象用于描述客观世界存在的特定实体。

在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。

2、对象的属性和方法●在JavaScript 中，对象就是属性和方法的集合。

●方法是作为对象成员的函数表明对象所具有的行为，属性是作为对象成员的一组变量，表明对象的状态。

●通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能。

●调用对象的一个方法类似于调用一个函数。

●使用对象的一个属性则类似于使用一个变量。

实验难点实验内容实验目的实验重点实验步骤二、Math 对象1、Math 对象的属性是数学中常用的常量，如圆周率PI ，自然对数的底E 等。

2、Math 对象的方法则是一些十分有用的数学函数，如sin()、random()、log()等。

3、在调用Math 对象的属性和方法时，直接写成：Math.属性和Math.方法。

4、案例2_1：求PI 的5次方，并四舍五入取整。

5、思考题：设计javascript 程序，在网页上随机显示10个两位整数。

实验难点实验内容实验目的实验重点实验步骤三、Date 对象1、Date 对象的主要方法常用方法:设置和获取日期中的年、月、日、小时、分、秒和毫秒等2、创建Date 对象要使用Date 对象，必须先使用new 运算符创建它。

创建Date 对象的常见方式有三种：(1)不带参数var today = new Date();(2)创建一个指定日期的Date 变量var theDate = new Date(2000, 9, 1);(3)创建一个指定时间的Date 变量var theTime = new Date(2000, 9, 1, 10, 20,30,50)3、案例2_2：计算求1+2+3+…10000之和所需要的运行时间(毫秒数)。

4、思考题：在网页上显示当前日期和时间，并显示是星期几。

实验难点实验内容实验目的实验重点实验步骤四、Number 对象1、Number 对象用于存放MAX_VALUE 、MIN_VALUE 、NaN 、NEGATIVE_INFINITY 、POSITIVE_INFINITY 等极端数值。

2、案例2_3：在页面中显示JavaScript 可以处理的数的区间。

实验难点实验内容实验目的实验重点实验步骤五、String 对象1、String 对象提供对字符串进行处理的属性和方法。

2、在使用String 对象时，首先要创建一个字符串变量。

3、使用new 运算符来创建，如：newstring = new String("This is a new string")4、也可以直接将字符串赋给变量。

newstring = "This is a new string"5、String 对象的最常用属性和方法length 、toLowerCase()、toUpperCase()、charAt(index)、substr(start,len)6、程序案例2_4：String 对象的常用方法7、思考题：将用户输入的字符串反向输出到页面上，并且要求将其中的小写字母转换为大写字母。

例如，如果输入”abc123”，则输出”321CBA ”。

实验难点实验内容实验目的实验重点实验步骤六、Array 对象1、什么是数组一个数组可以包含多个数组元素。

数组中数组元素的个数称为数组长度。

2、创建和访问数组一个数组元素由数组名、一对方括号[ ]和这对括号中的下标组合起来表示。

如：arrayname[0]、arrayname[1]。

3、for …in 语句用for …in 语句处理数组，可以依次对数组中的每个数组元素执行一条或多条语句。

for …in 的格式是：for(变量in 数组) 循环体语句;4、程序案例2_5：使用for …in 语句，显示数组的值。

实验难点实验内容实验目的实验重点实验步骤实验内容三:JavaScript 浏览器对象的应用1、窗口(Window)对象2、文档(document)对象3、表单(form)对象实验难点实验内容实验目的实验重点实验步骤一、窗口(window)对象1、window 对象的属性和方法●窗口(window)对象处于对象层次的顶端，它提供了处理浏览器窗口的方法和属性。

●对于window 对象的使用，主要集中在窗口的打开和关闭、窗口状态的设置、定时执行程序以及各种对话框的使用等四个方面。

●在JavaScript 中可直接引用window 对象的属性和方法。

2、打开和关闭窗口通过脚本可以打开新窗口，也可以关闭窗口。

3、程序案例3_1：设计一个有三个超链接的页面，单击这些链接时分别打开和关闭新窗口，以及关闭本身窗口实验难点实验内容实验目的实验重点实验步骤3、使用定时器使用window 对象的定时器机制，可以让一段程序每隔一段时间就执行一次。

4、程序案例3_2：在浏览器窗口的状态栏中滚动显示一次当前浏览器的信息。

5、页面跳转在HTML 文档中，可以通过脚本控制窗口显示特定的页面。

6、思考题：设计一个页面，当这个页面显示后3秒内用户没有移动过鼠标，将自动显示另一个页面。

实验难点实验内容实验目的实验重点实验步骤二、文档(document)对象通过document 对象可以访问HTML 文档包含的任何HTML 元素，如各种表格、表单、图像、超链接等。

所有HTML 元素在文档对象模型中都表现为一个对象。

1、document 对象的属性和方法案例3_4：设计一个页面，显示document 对象中的一些属性。

2、使用all 属性访问HTML 元素在document 对象中，all 是一个非常特殊的属性。

通过它，可以访问文档中的所有HTML 元素对象。

3、案例3_5：显示当前HTML 文档中出现的所有标记。

4、思考题：在页面上设计一个动态显示时间的电子时钟。

实验难点实验内容实验目的实验重点实验步骤三、表单对象1、form 对象的属性、方法和事件2、表单处理3、表单元素对象的属性、方法和事件4、处理表单元素示例实验难点实验内容实验目的实验重点实验步骤一、form 对象的属性、方法和事件1、在程序中，如果创建的表单有一个名字(如myform)，那么就可通过这个表单名访问它，如:document.myform 。

获取了form 对象之后，就可以通过使用其属性、方法和事件来实现各种功能。

2、程序案例3_6：列出表单中所有表单元素的名称。

实验难点实验内容实验目的实验重点实验步骤二、表单处理1、表单验证是指确定用户提交的表单数据是否合法，例如填写的身份证号码是否有意义、年龄和学历是否相符等问题。

2、由于在表单正式提交到服务器之前，需要onSubmit 的值为true(如果不设置事件处理函数，则该值默认为true)，因此可以通过为onSubmit 事件指定的处理函数来进行表单数据的验证。

3、程序案例3_7：设计一个表单，该表单有姓名和某种卡号两个文本输入框，其中这种卡号的格式为XXXX-XXXX-XXXX-XXXX(每个X 代表一位数字)，要求在用户单击提交按钮“发送”之前验证这两个输入数据的有效性。

4、思考题：设计一个用户注册的表单检测程序，要求用户名和密码不能为空，密码和确认密码必须相同。

实验难点实验内容实验目的实验重点实验步骤三、表单元素对象的属性、方法和事件1、表单可以有很多表单元素，称之为表单元素对象。

表单元素对象可以分为文本框(Text)、文本区(TextArea)、密码(Password)、按钮(Button)、重置按钮(Reset)、提交按钮(Submit)、单选框(Radio)、复选框(Checkbox)、列表(Select)、列表选项(Option)和隐藏(Hidden)对象等。

实验难点实验内容实验目的实验重点实验步骤四、处理表单元素示例对表单元素对象的引用，类似于引用表单的通用属性。

1、程序案例3_8：检验在文本框中输入的年龄是否有效,要求年龄在10~100之间。

2、程序案例3_9：设计3个按钮，当单击它们时分别使页面的背景色变成红、蓝和绿色。

3、思考题：设计一个在线调查的表单页面(含有单选、多选项)，当用户单击提交按钮时将弹出对话框显示用户的选择结果。

实验难点实验内容实验目的实验重点实验步骤【实验小结】通过本次实验，同学们学会了javascript 内置函数的使用方法，熟悉了javascript 多个内置对象的属性和方法，要求重点掌握浏览器对象的含义，以及如何使用浏览器对象提供的信息来完成一定功能的网页设计。

谢谢！。