javascript教程ppt

合集下载

Javascript(课件PPT)

• 97年发布了ECMA262语言规范 • ECMAScript
Hale Waihona Puke • JavaScript现况 • JavaScript的未来
简单的脚本语言
• 什么是脚本语言
• 脚本语言是一种应用程序扩展语言，用于系统的扩展，使其按用户的意愿去运行。 • 所有的基础功能由系统提供，脚本语言在更高一层次描述如何调用系统的接口。 • 解释执行。
• 检测当前所用的浏览器
01 02 03 04 05
<script language="JavaScript"> // 程序开始 document.write("名称：" + navigator.appName+"<br>"); // 浏览器名称 document.write("版本号：" + navigator.appVersion+"<br>"); // 浏览器版本号 document.write("发行代号："+navigator.appCodeName+"<br>"); // 浏览器的内部发行代号 </script>
• 另存为“helloworld.html”,扩展名为“html”或“htm”. • 在IE中打开网页文件，运行程序。
注意事项
• 浏览器对JavaScript的支持
• 在互联网发展的过程中，几大浏览器之间也存在激烈的竞争。JavaScript 是Netscape公司的技术，其它浏览器并不能和Navigator一样良好的支持 JavaScript，因为得不到使用许可。微软公司为能使其IE浏览器能抢占一定市场份额，于是在IE中实现了称为JScript的脚本语言，其兼容JavaScript，但是和JavaScript间仍然存在版本差异。因此，编程人员在编码时仍然考虑不同浏览器间的差别。

Javascript(课件PPT)

• 数学对象
• •
复合数据类型
从Math对象中获取圆周率常数，计算一个半径为2单位的圆的面积
01 02 03 04 05 06 07 08 <script language="javascript"> <!-var r = 2; var pi = Math.PI; var s = pi*r*r; alert("半径为2单位的圆面积为：" + s + "单位" );// 显示圆的面积 --> </script> // 脚本程序开始 // 定义变量表示半径 // 从Math对象中 // 计算面积
注意事项
• 大小写敏感
• JavaScript代码是大小写敏感的，Name和name是不同的标识符，编码时应当予以注意。同一个词如果如果各个字母间大小写不同时，系统将当作不同的标识符来处理，相互之间没有任何联系
• 代码示例
01 02
Name = “sunsir”; name = “foxsir”;
// 大写字母开头 // 汪写字母开头
注意事项
• 空格与换行
• 代码中多余的空格会被忽略，同一个标识符的所有字母必须连续。 • 一行代码可以分成多行书写。
• 单行：
• 代码写于一行中，用分号作为语句结束标志
if(1==1 && 6>3 ){alert(“return true”);}else{alert( “return false” );}
• 另存为“helloworld.html”,扩展名为“html”或“htm”. • 在IE中打开网页文件，运行程序。
注意事项
• 浏览器对JavaScript的支持

JavaScript基础PPT课件

事件类型、监听和传播方式讲解
事件类型 JavaScript中支持多种事件类型，包括鼠标事件、键盘事件、表单事件、窗口事件等。每种事件类型都对应一个特定的触发条件和处理方式。
事件监听可以使用`addEventListener`方法为元素添加事件监听器，当指定的事件发生时，会调用监听器中的回调函数处理事件。
移动端适配与优化
探讨针对不同设备和浏பைடு நூலகம்器的 JavaScript代码适配与优化策略，提高页面性能和用户体验。
行业发展趋势预测
ES6+新特性
01
分析ECMAScript 6及以后版本的新特性和发展趋势，如模块化、
异步编程、装饰器等。
前端框架与库
02
探讨React、Vue等前端框架以及配套库在Web开发中的应用和
和3D游戏。
移动应用开发
通过React Native、Cordova 等框架，可以使用JavaScript
开发跨平台的移动应用。
服务器端开发
Node.js使得JavaScript可以在服务器端运行，处理HTTP请
求、数据库操作等。
02
JavaScript基础知识
变量与数据类型
变量声明
使用`var`、`let`或`const`关键字声明变量，分别表示可变变量、块级作用域可变变量和常量。
逻辑运算符
用于进行逻辑运算，包括`&&`、 `||`和`!`。
流程控制语句
01
02
03
条件语句
使用`if`、`else if`和`else` 关键字实现条件判断。
循环语句
包括`for`、`while`和 `do...while`循环，用于重复执行某段代码。

JavaScript程序设计课程教学文档精品PPT课件

➢ 确认对话框
➢ 提示对话框
§2.与用户交互方法——警告对话框
警告对话框
➢ 由窗体、提示内容和一个确认按钮组成 ➢ 对用户目前进行的操作起到警告的作用 ➢ 用户只有响应了警告对话框，也就是点击“确认”按钮，关掉警告
对话框后，才能继续先前的操作 ➢ alert( )方法的标准语法是：
✓ window. alert("content"); ✓ alert("content");
使用script标记插入脚本
➢ <script language=“JavaScript” type=“text/javascript”> 
</script>
直接添加脚本
➢ <INPUT type="Button" onClick=“Javascript:alert(‘欢
onClick="javascript:alert('请确认您输入的信息是否正确')"> 10. </p> 11. </body></html>
§2.与用户交互方法——警告对话框
alert实例二 1. <HTML> 2. <HEAD><TITLE>处理加载卸载事件</TITLE> 3. </HEAD> 4. <BODY onload="alert('欢迎光临!')" 5. onunload="alert('谢谢惠顾!')"> 6. <H2>onload 和 onunload 事件示例</H2> 7. </BODY> 8. </HTML>

javascript入门讲义精品PPT课件

运行
7
JavaScript编程基础
2. 数据类型转换
b) 数据类型转换函数
eval(字符串)：将字符串参数转换成相应的数值，例如：
y=eval(“15”)+8;
结果：y=23
parseInt(字符串，[底数])：将字符串转换成指定基数的数值。
parseFloat(字符串)：将字符串转换成浮点数值。
document.write("lv=" + lv + "<br>");
</Script> 11
JavaScript编程基础
4. 常量
a. 字符串常量：（String Literals）
一般字符串常量： ‘ ’ ， “ ”
特殊字符的字符串常量
字符意义
字符意义
\b
后退一格(Backspace)
\t
浮点常量（Floating-Point Literals）
12
JavaScript编程基础
5. 运算符与表达式
a) 赋值运算符
运算符 = += －=
意义 x=5 x=x+y x=x-y
运算符 /= %= *=
意义 x=x/y 求余赋值 x=x*y
x+=y 等价于 x=x+y x%=y 等价于 x=x%y
动态网页脚本语言JavaScript
主要内容一．概述二．编程基础三．面向对象的基本概念四．内置对象五．DOM操作六．举例
1
JavaScript概述
4. 在HTML文档中嵌入JavaScript代码
在HTML标记中直接写入JavaScript代码例： <HTML>

javascript第一章 ppt

变量
数据类型
表达式
核心
语句
函数
内置对象
注释
单行注释以 // 开始，以行末结束例如： <SCRIPT language=“javascript”> //表示JavaScript代码的开始多行注释以 /* 开始，以 */ 结束，符号 /*…… */ 指示中间的语句是该程序中的注释。例如： /* helloWorld.html
◦ 赋值运算 = ◦ 算术运算符 +、-、 * 、 / 、%、++、--、-(求反) ◦ 结合运算 *= /= += -=

◦ 比较运算符 ==、!=、>、>=、<、<、=== 、!===
◦ 逻辑运算符 &&、||、！ ◦ 字符串运算

算术运算字符串运算
<html> <html> <head> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>算术运算符</title> <title>字符串运算符</title> </head> </head> <body> <body> <script type="text/javascript"> <script type="text/javascript"> var  </body> </script></body></html> </;html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>HelloWorld</title> </head> <body> <script language="javascript"> <!-//使用window对象的alert方法弹出对话框 alert("欢迎进入JavaScript世界！"); //--> </script> </body> </html>

Javascript基础精品PPT课件

Page 13
4.2.1 语法
1、注意：区分大小写；
2、变量是弱类型的-定义时只用var运算符；
3、每行结尾的分号可有可无；
4、注释：
/* 注释内容 */ 多行注释
//
单行注释
5、括号表明代码块
if(test1=="red"){
test1=blue;
alert(test1);
}
Pa 6
Javascript概述-续
3、Javascript特点 (1)被嵌入到HTML中的； (2)解释执行的； (3)弱类型语言:使用变量前，不需先声明； (4)以对象为基础； (5)通过事件驱动执行；
Page 7
Javascript概述-续
4、使用方式 (1)javascript代码直接放在文档head中的<script/>块内
1、下标从0开始 2、由于区分大小写,所以Array首字母必须大写；
Page 19
数组的主要属性和操作
主要的属性：length 主要的操作：
操作名
作用
toString 数组转换为字符串,各个数组元素用逗号连接
join 将数组组合为字符串,由分隔符隔开
<html> <head>
<title></title> <script> … </script> <body> </body> </html>
Page 8
可放在Html文档的任意位置但一般放在head内。
使用方式-续
(2)将javascript代码存为一个.js文件，再引入使用。 <script type ="text/javascript" src =“**.js"></script> (3)在Html标签中直接写javascipt代码。

2024版JavaScript基础课件完整版

数组的定义与使用
数组的定义
数组是一种特殊的对象，用于存储一系列有序的值。在JavaScript中，数组可以包含任意类型的值，包括数字、字符串、布尔值、对象等。
数组的使用
可以通过索引来访问数组中的元素，使用push()和pop()方法添加或删除元素，使用sort()和reverse()方法对数组进行排序或反转等操作。
DOM结构 DOM将HTML或XML文档转化为一个树形结构，文档中的每个元素、属性和文本都被视为一个节点（Node），节点之间通过父子或兄弟关系形成树状结构。
节点类型
在DOM中，节点类型包括元素节点、属性节点、文本节点、注释节点等。
访问和修改DOM元素
获取元素修改元素内容修改元素属性修改元素样式
辑非等。
用于将右侧的值赋给左侧的变量，如等于赋值、
加等于、减等于等。
控制流语句
条件语句
使用`if...else`语句根据条件执行不同的代码块。
循环语句
使用`for`、`while`或 `do...while`语句重复执行一段代码，直到满足特定条件为止。
跳转语句
使用`break`或`continue` 语句在循环中提前结束或跳过当前迭代。
常用内置对象与方法
Date对象
用于处理日期和时间，可以创建日期实例、获取日期和时间信息、进行日期计算等。
String对象
用于处理字符串，提供了许多字符串操作方法，如charAt()、 indexOf()、replace()等。
Math对象
提供了一系列数学常数和函数，如Math.PI、Math.random()、 Math.sin()等。
本地开发环境

(2024年)JavaScript教程优质课件

动态内容
根据用户交互动态更新网页内容，如轮播图、
下拉菜单等。
游戏开发
前后端交互
利用JavaScript开发2D 或3D网页游戏。
通过Ajax等技术实现与服务器端的异步通信。
6
本课程目标与内容概述
2024/3/26
目标
掌握JavaScript基础语法、DOM操作、事件处理、异步编程等知识点，能够独立完成简单的Web应用开发。
JavaScript是一种基于对象和事件驱动的脚本语言，主要用于增加网页互动性。
它可以直接嵌入到HTML页面中，由浏览器解释执行，而不需要服务器的处理。
2024/3/26
JavaScript具有动态类型、面向对象、函数式编程等特性。
4
JavaScript历史与发展
JavaScript最初由Netscape公司的Brendan Eich在1995年设
2024/3/26
8
变量与数据类型
变量声明
使用`var`、`let`、`const`关键字声明变量，介绍它们之间的区别和适用场景。
类型转换
介绍JavaScript中的类型转换规则，包括隐式转换和显式转换。
数据类型
详细讲解JavaScript中的基本数据类型（如Number、String、Boolean 等）和复杂数据类型（如Object、 Array等）。
闭包常常被用来作为回调函数使用，因为它可以记住自己的词法作用域，包括 this 和外部变量。
实现函数工厂
利用闭包可以创建出可以访问私有变量的公有方法，这是模块模式的基础。
闭包原理
闭包是指有权访问另一个函数作用域中的变量的函数。当函数可以记住并访问所在的词法作用域时，就产生了闭包。

javascript课程教学PPT

第 16
章
HTML/CSS/JavaScript 标准教程实例版（第2版）
16.2.2 外部调用文件
• 语法： • <script type=“text/javascript”src=“url”></script>
• 外部文件好还是<script>方法好？ • 一般认为，大量的javascript代码不应内嵌在HTML文件中。
HTML/CSS/JavaScript 标准教程实例版（第2版）
第 16
章
16.3 第一个JavaScript程序
• 学习每一门语言，大致了解了它的背景后，最想做的莫过于先编写一个最简单的程序并成功运行。如果最初连续几个程序都无法成功运行，初学者学习的信心多少会受到一些打击，这是正常现象。本例将带领读者对JavaScript进行第一次实践尝试，用它编写一个最简单且的程序。进入网站首页，有时会看到一些简单的欢迎词句。我们可以使用JavaScript语言来实现。
HTML/CSS/JavaScript 标准教程实例版（第2版）
• JavaScript就是一种基于对象和事件驱动，并具有安全性能的脚本语言，脚本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言，而不需要服务器的处理和响应，当然JavaScript 也可以做到与服务器的交互响应，而且功能也很强大。而相对的服务器语言像asp php jsp 等需要将命令上传服务器，由服务器处理后回传处理结果。对象和事件是JavaScript的两个核心。
本书编委会编著
第16章 JavaScript基础
16.1 JavaScript语言概况 16.2 JavaScript描述方法
HTML/CSS/JavaScript 标准教程实例版（第2版）

《JavaScript》PPT课件讲义(2024)

简化了函数表达式的写法，同时解决了this指向的问题，使得代码更加简洁易读。
使用反引号(``)来定义字符串，可以包含变量和表达式，使得字符串的拼接更加直观和易读。
允许将数组或对象的属性直接赋值给其他变量，简化了数据的提取和操作过程。
用于处理异步操作，通过 then和catch方法来指定异步操作成功或失败时的回调函数，避免了回调地狱的问题。
2024/1/29
命名导出使用export关键字来导出模块中的指定成员，其他模块可以使用 import { member } from 'module'的语法来导入该成员。
导入所有成员使用import * as alias from 'module'的语法来导入模块中的所有成员，并使用别名来引用这些成员。
2024/1/29
20
Web API接口调用方法
1
Web API概述
Web API是一组基于HTTP协议的应用程序接口，用于实现Web应用与服务器之间的数据交互。
2 3
接口调用方法
通过JavaScript的XMLHttpRequest或Fetch API发送HTTP请求，调用Web API接口并处理响应结果。
游戏开发
使用JavaScript及其相关技术（如 Canvas、WebGL等）开发网页游戏或移动游戏。
服务器端开发
使用Node.js等技术进行服务器端编程，处理请求、操作数据库等。
2024/1/29
6
02
JavaScript语法与数据类型
2024/1/29
7
基本语法规则
2024/1/29
Байду номын сангаас

《JS基础教程》课件

对象的基本概念
总结词
了解JavaScript对象的基本概念，包括对象的属性和方法。
详细描述
在JavaScript中，对象是一种复合数据类型，可以包含多个属性和方法。对象的属性是变量，用于存储对象的值；方法则是与对象关联的函数，用于执行与对象相关的操作。可以通过点符号或方括号来访问对象的属性和方法。
Prototype介绍
总结词
Prototype是一种JavaScript库，提供了一整套完整的工具集合，用于实现Web应用程序的快速开发。
详细描述
Prototype提供了丰富的功能，如对象扩展、DOM操作、事件处理、表单处理等，使得开发者可以更加高效地编写 JavaScript代码。此外，Prototype还支持链式语法，使得代码更加简洁易读。
对象的属性和方法
要点一
总结词
了解如何创建和操作JavaScript对象的属性和方法。
要点二
详细描述
在JavaScript中，可以通过点符号或方括号来创建和访问对象的属性和方法。例如，如果有一个名为“person”的对象，可以添加一个名为“name”的属性来存储人的姓名，或者添加一个名为“greet”的方法来定义如何问候人。可以通过“”或“person['name']”来访问属性，通过“person.greet()”或“person['greet']()” 来调用方法。
JavaScript最初由Netscape公司开发，旨在为网页提供交互性。
02
历史发展
随着浏览器的更新换代，JavaScript的功能逐渐增强，成为前端开发的重要语言。
03
ECMAScript标准
JavaScript遵循ECMAScript标准，确保了不同浏览器之间的兼容性。

Javascript(课件PPT)

// 设置颜色为gray（灰色）
13
document.write( "<br>" );
// 输出换行标签
14
document.write( partial );
// 输出诗句
15
partial = comment.slice( 17, 29 );
// 取出第二句诗文
16
partial = partial.fontcolor("gray");
• 97年发布了ECMA262语言规范
• ECMAScript
• JavaScript现况 • JavaScript的未来
简单的脚本语言
• 什么是脚本语言
• 脚本语言是一种应用程序扩展语言，用于系统的扩展，使其按用户的意愿去运行。
• 所有的基础功能由系统提供，脚本语言在更高一层次描述如何调用系统的接口。
07 -->
08 </script>
// 脚本程序开始
// 定义变量表示半径 // 从Math对象中 // 计算面积

复合数据类型
• 字符串对象
• String对象封装了与字符串有关的特性，主要用来处理字符串。通过String对象，可以对字符串进行剪切、合并、替换等等。可以调用该对象的构造函数创建一个实例，其实在定义一个字符串类型变量时就也创建了一个String对象实例。
• 检测当前所用的浏览器
01
<script language="JavaScript">
// 程序开始
02
document.write("名称：" + navigator.appName+"<br>");Βιβλιοθήκη // 浏览器名称03

Javascript教程ppt

function sum(x,y) {
return x+y;
}
document.write("x + y的值为：" + sum(3,6));
</script>
JavaScript教程
第10章 JavaScript核心对象
基于对象的JavaScript语言
JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。
窗口对象的方法
alert():弹出带有指定信息和确定按钮的警告框。 confirm():弹出带有指定询问信息的确认对话框，并
有确定和取消按钮。 prompt():产生一个输入窗口，返回输入值。
注：Windows窗口对象是所有对象的父对象，代表一个浏览器窗口。引用windows对象的属性或方法是，可直接引用，不必通过对象名引用。
}
JavaScript函数使用例3
练习2：函数的使用
在javascript中： 1.定义变量r初值为3，变量pi初值为3.14； 2.定义函数area()求圆的面积； 3.在页面输出圆的面积。
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum());
年" + (date.getMonth()+1) + "月" + date.getDate() + "日" + "星期" + date.getDay()); </script>

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

注：不同类型的变量都通过 var定义
JavaScript程序控制结构
顺序选择循环
选择——if语句（1）
基本格式 if（表述式）语句段；
功能：若表达式为true，则执行语句段。

选择——if语句（2）
基本格式 if（表述式）语句段１； ...... else 语句段２； ..... 功能：若表达式为true，则执行语句段１；否则执行语句段２。
循环—— while
基本格式 while（条件）{
循环体
} var i =1; while( i < 3) { document.write( i ); i = i + 1; }
程序结果是什么？
循环——For循环
基本格式 for（表达式1；表达式2；表达式3）{循环体}
程序结果是什么？
for(var i=0; i<5; i++) { document.write(“i的值为：” + i); }
基于对象的JavaScript语言
JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文档。
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.在页面输出圆的面积。
<script > var myArray = new Array("Jim","Tom","Kate"); document.write("数组的长度为：" + myArray.length + "<br/>");
for(var i=0; i<myArray.length; i++) { document.write(myArray[i] + " "); } </script>
练习1：编写第一个JavaScript程序
通过javascript实现以下页面效果： 1.页面输出：“你好！” 2.弹出对话框：对话框内容为“欢迎光临我的小站！”
变量、表达式
例2
<html > <head> <script > var r=2, pi=3.14; document.write("半径为2的圆的面积为：" + pi*r*r); </script> </head> <body> </body> </html>
数组对象
(1)创建数组 var myArray=new Array (3);
(2)数组赋值
myArray[0]=“Jim”； myArray[1]=“Tom”； myArray[2]=“Kate”； var myArray=new Array(“Jim”,”Tom”,”Kate”);
数组应用例5
JavaScript教程
JavaScript是由Netscape公司开发并随 Navigator导航者一起发布的、介于Java 与HTML之间、基于对象事件驱动的编程语言，正日益受到全球的关注。因它的开发环境简单，不需要Java编译器，而是直接运行在Web浏览器中，而因倍受Web设计者的所爱
Window对象的应用例7
<script > var name; name = prompt("请输入你的名字"); if(confirm("准备好考试了吗？")) { alert(name + "你好，下面开始考试！ "); } </script>。
document对象
输出 : document.write() document.writeln() 说明： write()和writeln()方法都是用于向浏览器窗口输出文本字串；二者的唯一区别就是writeln()方法自动在文本之后加入回车符。
getFullYear(): 以四位数返回年数 getMonth():返回月数（0~11） getDate():返回当月的几号 getDay():返回星期几（0~6）
日期对象的应用例6
<script > var date = new Date(); document.write(date + "<br/>"); document.write(date.getFullYear() + " 年" + (date.getMonth()+1) + "月" + date.getDate() + "日" + "星期" + date.getDay()); </script>
</body> </html>
事件例 10 <html>
<head> <meat charset="utf-8"/> <style type="text/css"> div {backgroundcolor:green;width:120px;height:20px;padding:40px;col or:#ffffff;} </style> <script> function mOver(obj){obj.innerHTML="谢谢"} function mOut(obj){obj.innerHTML="把鼠标移到上面"} </script> <head/> <body> <div onmouseover="mOver(this)" onmouseout="mOut(this)" >把鼠标移到上面 </div></body></html>
练习3：数组
在javascript中：利用数组，在页面输出以下内容： * ** ***
用日期对象创建日期
功能：提供一个有关日期和时间的对象。创建日期（1）var myDate1=new Date() （2）var myDate2=new Date(2012， 3，7)
获取日期的时间方法
事件
例9
<html> <head> <meta charset="utf-8"> </head> <body> <button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button> <p id="demo"></p>
练习4 事件练习
在页面中设计个高宽都为100px的黄色块，当鼠标悬停在上面的时候，块内出现文本“你好！”当鼠标离开的时候，块内的文本消失。
简单的输入、输出例8
<script > var name; name = prompt("请输入你的名字"); document.write(name + "，你好，下面开始考试！"); </script>
练习4 简单输入输入
（1）弹出输入框，询问信息为“请输入姓名”,将用户输入姓名存放在name变量中；（2）同时弹出警告框，内容为：“XX，你好，下面开始考试。” （3）在页面输出，当前日期。
窗口对象的方法
alert():弹出带有指定信息和确定按钮的警告框。 confirm():弹出带有指定询问信息的确认对话框，并有确定和取消按钮。 prompt():产生一个输入窗口，返回输入值。
注：Windows窗口对象是所有对象的父对象，代表一个浏览器窗口。引用windows对象的属性或方法是，可直接引用，不必通过对象名引用。
<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()); </script>
例1：编写第一个JavaScript程序