一、目的和要求:
1、回顾和复习以前C语言的基本语法知识;进一步加深理解Javascript语法知识;
2、深刻理解有关函数中变量的作用域和各类控制语句的功能;
3、理解和灵活运用JavaScript中常用的几个对象的属性和方法;
二、重点与难点:
1、JavaScript的语法特点,函数的定义、调用,变量的作用域;
2、条件控制语句、循环控制语句;
3、JavaScript中几个常用对象的应用;
三、教学进程:
1、什么是JavaScript?
JavaScript是Netscape公司推出的一种嵌入HTML文档的,基于对象的脚本描述语言。利用它可以进一步的增强网页的交互性、方便操作和控制各种浏览器对象,实现控制浏览器外观、状态和运行方式的目的。利用它还可以实现对用户所输入的数据进行有效性检验,从而减轻服务器的负担。其语法与C语言很相似。
2、在网页中使用JavaScript
<Script language="javascript">
window.alert("欢迎进入");
</script>
如果一段javascript应用到多个网页,可以将其放入到扩展名称为:Js文本文件。
在需要使用"JavaScript"的页面中插入方法:(chapter03/section1/javaexample.asp)
<Script Language="JavaScript" src="java/java.js"></script>
3、JavaScript语法基础
1、JavaScript的数据类型
JavaScript提供四种基本的数据类型,分别为数值型、逻辑型、字符串型和undefined类型
2、常量、变量(chapter03/section2/mathexpression.asp)
<script language="javascript">
var num=24,id="36";
x=num+id; //Number(id) 结果为60
window.alert("x的值为:"+x); //显示的结果为“2436”
</script>
通过上例需要注意的问题:
3、表达式
<script language="javascript">
age=20;
man=(age>=18)?"adult":"minor";
window.alert("this man is a "+man);
</script>
<script language="javascript">(chapter03/section2/samevalue.asp)
document.write("3"==3); //显示true
document.write("3"===3); //显示false
</script>
4、函数:
函数的定义:
function 函数名(形式参数) {
函数体
return 表达式
}(chapter03/section2/ usefucntion.asp)
函数的调用:
格式1:varname=函数名(实际参数) //有返回值时用
格式2:函数名(参数值) //无返回值时用
JavaScript的函数采用传值方式进行传递;通常函数的定义是在<head></head>部分
举例:(chapter03/section2/ passvalue.asp)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function cuberoot(num) {
num=Math.pow(num,1/3)
return num;
}
</script>
</head>
<body>
<script language="javascript">
var x=27
window.alert("27的立方根为:"+cuberoot(x)+",x="+x);
</script>
</body>
</html>
5、变量的作用域
作用域是指定变量的存活范围,在JavaScript中,变量的作用域可分为过程级和页面级,其实质都是局部变量;