JavaScript课件 PPT
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</html>
练习1：编写第一个JavaScript程序
通过javascript实现以下页面效果： 1.页面输出：“你好！” 2.弹出对话框：对话框内容为“欢迎光临我
的小站！”
基本数据类型
在JavaScript中四种基本的数据类型： 数值（整数和实数） 字符型（字符串）
document.write(“中国” + “的北京”); 布尔型（使True或False表示）
引用对象性质的方法 对象名.属性 对象名.方法
JavaScript对象的分类
内置对象 JavaScript定义的类，包括数组对象、日
期对象、字符串对象等。
宿主对象 浏览器对象模型和文档对象模型中的对象，
如浏览器对象window，文档对象document。
串对Baidu Nhomakorabea的属性
string对象只有一个属性，即length。它表 明了字符串中的字符个数，包括所有符号。 例： var mytest=“This is a JavaScript” var mtLength=mytest.length 最后mtLength值为20。
基本数据类型
在JavaScript中四种基本的数据类型： 数组
变量
变量的声明 (1) var num; num = 20; (2) var num = 20;
变量、表达式
例2
<html >
注：不同类型的变量都通过 var定义
<head>
<script >
var r=2, pi=3.14;
基于对象的JavaScript语言
JavaScript语言是基于对象的（Object-Based）， 而不是面向对象的（object-oriented）。之所以 说它是一门基于对象的语言，主要是因为它没有提 供象抽象、继承、重载等有关面向对象语言的许多 功能。而是把其它语言所创建的复杂对象统一起来， 从而形成一个非常强大的对象系统。
document.write("半径为2的圆的面积为：" + pi*r*r);
</script>
</head>
<body>
</body>
</html>
JavaScript程序控制结构
顺序 选择 循环
选择——if语句（1）
基本格式 if（表述式） 语句段；
功能：若表达式为true，则执行语句段。
</script>
JavaScript函数使用 例4
<script >
注意！参数前不需要加var
function sum(x,y) {
return x+y;
}
document.write("x + y的值为：" + sum(3,6));
</script>
JavaScript教程
第10章 JavaScript核心对象
选择——if语句（2）
基本格式 if（表述式） 语句段１； ...... else 语句段２； ..... 功能：若表达式为true，则执行语句段１； 否则执行语句段２。
循环—— while
基本格式 while（条件）{
循环体
} var i =1; while( i < 3) {
document.write( i ); i = i + 1; }
}
JavaScript函数使用 例3
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum());
</script>
练习2：函数的使用
在javascript中： 1.定义变量r初值为3，变量pi初值为3.14； 2.定义函数area()求圆的面积； 3.在页面输出圆的面积。
JavaScript几个基本特点
安全性 易用性 动态交互性 跨平台性 P213
JavaScript的主要功能
表单操作 响应事件 动态特效 记录状态
例1：编写第一个JavaScript程序
<html> <head> <script > // JavaScript Appears here. document.write(“欢迎来到JS世界！”); alert("这是第一个JavaScript例子!"); </script> </head>
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum());
</script>
练习2参考
<script > var r=3, pi=3.14; function area() { return pi*r*r } document.write("圆的面积为：" + area());
程序结果是什么？
循环——For循环
基本格式 for（表达式1；表达式2；表达式3）{循环体}
程序结果是什么？
for(var i=0; i<5; i++) { document.write(“i的值为：” + i);
}
JavaScript函数定义
function 函数名 （参数1,参数2…）{ 函数体;
JavaScript教程语言概况
JavaScript的出现，它可以使得信息和用户之间不 仅只是一种显示和浏览的关系，而是实现了一种实 时的、动态的、可交式的表达能力 .
JavaScript脚本正是满足这种需求而产生的语言。 它深受广泛用户的喜爱的欢迎。它是众多脚本语言 中较为优秀的一种，它与WWW的结合有效地实现 了网络计算和网络计算机的蓝图。无凝Java家族将 占领Internet网络的主导地位。
JavaScript教程
JavaScript是由Netscape公司开发并随 Navigator导航者一起发布的、介于Java 与HTML之间、基于对象事件驱动的编程语 言，正日益受到全球的关注。因它的开发环 境简单，不需要Java编译器，而是直接运 行在Web浏览器中，而因倍受Web设计者 的所爱
虽然JavaScript语言是一门基于对象的，但它还是 具有一些面向对象的基本特征。它可以根据需要创 建自己的对象，从而进一步扩大JavaScript的应用 范围，增强编写功能强大的Web文档。
对象的概念
JavaScript中的对象是由属性(properties) 和方法(methods)两个基本的元素的构成的。
练习1：编写第一个JavaScript程序
通过javascript实现以下页面效果： 1.页面输出：“你好！” 2.弹出对话框：对话框内容为“欢迎光临我
的小站！”
基本数据类型
在JavaScript中四种基本的数据类型： 数值（整数和实数） 字符型（字符串）
document.write(“中国” + “的北京”); 布尔型（使True或False表示）
引用对象性质的方法 对象名.属性 对象名.方法
JavaScript对象的分类
内置对象 JavaScript定义的类，包括数组对象、日
期对象、字符串对象等。
宿主对象 浏览器对象模型和文档对象模型中的对象，
如浏览器对象window，文档对象document。
串对Baidu Nhomakorabea的属性
string对象只有一个属性，即length。它表 明了字符串中的字符个数，包括所有符号。 例： var mytest=“This is a JavaScript” var mtLength=mytest.length 最后mtLength值为20。
基本数据类型
在JavaScript中四种基本的数据类型： 数组
变量
变量的声明 (1) var num; num = 20; (2) var num = 20;
变量、表达式
例2
<html >
注：不同类型的变量都通过 var定义
<head>
<script >
var r=2, pi=3.14;
基于对象的JavaScript语言
JavaScript语言是基于对象的（Object-Based）， 而不是面向对象的（object-oriented）。之所以 说它是一门基于对象的语言，主要是因为它没有提 供象抽象、继承、重载等有关面向对象语言的许多 功能。而是把其它语言所创建的复杂对象统一起来， 从而形成一个非常强大的对象系统。
document.write("半径为2的圆的面积为：" + pi*r*r);
</script>
</head>
<body>
</body>
</html>
JavaScript程序控制结构
顺序 选择 循环
选择——if语句（1）
基本格式 if（表述式） 语句段；
功能：若表达式为true，则执行语句段。
</script>
JavaScript函数使用 例4
<script >
注意！参数前不需要加var
function sum(x,y) {
return x+y;
}
document.write("x + y的值为：" + sum(3,6));
</script>
JavaScript教程
第10章 JavaScript核心对象
选择——if语句（2）
基本格式 if（表述式） 语句段１； ...... else 语句段２； ..... 功能：若表达式为true，则执行语句段１； 否则执行语句段２。
循环—— while
基本格式 while（条件）{
循环体
} var i =1; while( i < 3) {
document.write( i ); i = i + 1; }
}
JavaScript函数使用 例3
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum());
</script>
练习2：函数的使用
在javascript中： 1.定义变量r初值为3，变量pi初值为3.14； 2.定义函数area()求圆的面积； 3.在页面输出圆的面积。
JavaScript几个基本特点
安全性 易用性 动态交互性 跨平台性 P213
JavaScript的主要功能
表单操作 响应事件 动态特效 记录状态
例1：编写第一个JavaScript程序
<html> <head> <script > // JavaScript Appears here. document.write(“欢迎来到JS世界！”); alert("这是第一个JavaScript例子!"); </script> </head>
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum());
</script>
练习2参考
<script > var r=3, pi=3.14; function area() { return pi*r*r } document.write("圆的面积为：" + area());
程序结果是什么？
循环——For循环
基本格式 for（表达式1；表达式2；表达式3）{循环体}
程序结果是什么？
for(var i=0; i<5; i++) { document.write(“i的值为：” + i);
}
JavaScript函数定义
function 函数名 （参数1,参数2…）{ 函数体;
JavaScript教程语言概况
JavaScript的出现，它可以使得信息和用户之间不 仅只是一种显示和浏览的关系，而是实现了一种实 时的、动态的、可交式的表达能力 .
JavaScript脚本正是满足这种需求而产生的语言。 它深受广泛用户的喜爱的欢迎。它是众多脚本语言 中较为优秀的一种，它与WWW的结合有效地实现 了网络计算和网络计算机的蓝图。无凝Java家族将 占领Internet网络的主导地位。
JavaScript教程
JavaScript是由Netscape公司开发并随 Navigator导航者一起发布的、介于Java 与HTML之间、基于对象事件驱动的编程语 言，正日益受到全球的关注。因它的开发环 境简单，不需要Java编译器，而是直接运 行在Web浏览器中，而因倍受Web设计者 的所爱
虽然JavaScript语言是一门基于对象的，但它还是 具有一些面向对象的基本特征。它可以根据需要创 建自己的对象，从而进一步扩大JavaScript的应用 范围，增强编写功能强大的Web文档。
对象的概念
JavaScript中的对象是由属性(properties) 和方法(methods)两个基本的元素的构成的。