动态网页脚本语言JavaScriptPPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
动态网页脚本语言JavaScript
主要内容 一．概述 二．编程基础 三．面向对象的基本概念 四．内置对象 五．浏览器窗口对象
1
JavaScript概述
JavaScript是由Netscape公司开发的一种跨 平台，面向对象(object-oriented)的网页脚本语 言(Web Script Language)，是目前流行的网页 特效设计语言。
在HTML标记中直接写入JavaScript代码 例： <HTML>
<BODY> <P onMouseOver=“alert(‘欢迎您学习 JavaScript!')">鼠标移过来</P>
</BODY> </HTML>
运行
6
JavaScript概述
4. 在HTML文档中嵌入JavaScript代码
JavaScript代码可直接嵌入HTML文件中，随 网页一起传送到客户端浏览器，然后通过浏览器来 解释执行。
2
JavaScript概述
1.什么是JavaScript脚本语言？
(1) 脚本语言(Scripting Language)？ 由ASCII码构成，可直接用任何的文本编辑器开发完成。
是一种不必事先编译，只要利用适当的解释器(Interpreter) 就可以执行的简单的解释式程序。
(2) JavaScript？ JavaScript是由Netscape公司开发的一种跨平台，纯面向
对象(object-oriented)式的网页式脚本语言(Web Script Language)。JavaScript代码可直接嵌入HTML文件中，随 网页一起传送到客户端浏览器，然后通过浏览器的解释器 来解释执行。
9
JavaScript概述
4. 在HTML文档中嵌入JavaScript代码
为避免某些浏览器不完全支持JavaScript，而造成 错误，可将JavaScript代码用注释语句括起来 例如： <Script >
<!--
……
--> </Script>
10
JavaScript编程基础
1. 数据类型
数值型(Number)：包含整数或浮点数。 布尔型(Logical)：取值为true或false。1,0 字符型(String)：用单引号或双引号括起来的零个 或多个的字符或数字所组成。 空类型(null)：表示没有值，取唯一值”null”，大 小写敏感。
举例
12
JavaScript编程基础
2. 数据类型转换
b) 数据类型转换函数
eval(字符串)：将字符串参数转换成相应的数值， 例如：
y=eval(“15”)+8;
结果：y=23
parseInt(字符串，[底数])：将字符串转换成指定 底数的数值。
parseFloat(字符串)：将字符串转换成浮点数值。
将JavaScript代码放入<SCRIPT>…</SCRIPT> 标记符中 例如：
<SCRIPT language="JavaScript" > document.write("欢迎您学习JavaScript!");
</SCRIPT>
运行 <STYLE>
…… </STYLE>
7
JavaScript概述
转成字符串。
例如：var x=”我今年”+18; 结果：x=“我今年18”
var x=”15”+8
结果：x=158
var y=15+8;
结果：y=23
如果表达式中用了其它运算符，JavaScript自动将字符
串转成数值。
例如：var x=”30”/5;
结果：x=6
var y=”15”-“8”;
结果：y=7
3
JavaScript概述
2. JavaScript的特点
脚本编写语言 基于对象的语言 简单性 动态性 跨平台
4
JavaScript概述
3. JavaScript的功能
制作网页特效 提供表单前端验证 窗口动态操作 提高系统工作效率
5
JavaScript概述
4. 在HTML文档中嵌入JavaScript代码
注：null不能写成Null或NULL。 null既不等于“0”，也不等于“空字符串”。因为“0” 是数值，“空字符串”是字符串。
11
wenku.baidu.comavaScript编程基础
2. 数据类型转换
a) 自动数据类型转换
如果表达式中用（+）运算符，且其中一个操作数为字
符串，另一个操作数为数值时，JavaScript自动将数值
为 字符串)
15
JavaScript编程基础
3. 变量
c) 变量的作用域： d)全局变量(Global variable) 局部变量(Local
</script> 14
JavaScript编程基础
3. 变量
b) 变量的声明 变量声明时，不必定义类型，所有类型均由小写的 var声明。 例如： var name; （JavaScript自动给出一个未定义值） var name, sex; （JavaScript自动给出一个未定义值） var name=”张永”，sex=”女生”； (二变量均
举例
13
JavaScript编程基础
3. 变量
a) 变量命名
以字母或下划线开头（不能以数字开头），后面接数字、 字母或下划线。
变量名区分大小写。 不能用系统保留字和特殊符号作为变量
例：<script> var A="Uppercase A"; var a="Lowercase a"; document.write(A); document.write("<BR>"); document.write(a);
4. 在HTML文档中嵌入JavaScript代码
将代码独立存储为以 .js 为扩展名的文件，利用SRC 属性将该文件调入 例如：
<script language="JavaScript“ src="welcome.js">
</script>
welcome.js文件内容如下： document.write("欢迎您学习JavaScript!");
举例
8
document.write( ); var A="Uppercase A"; document.write(A); document.write( "Uppercase A" ); document.write("<BR>"); document.write("gv=" + A + "<BR>");
主要内容 一．概述 二．编程基础 三．面向对象的基本概念 四．内置对象 五．浏览器窗口对象
1
JavaScript概述
JavaScript是由Netscape公司开发的一种跨 平台，面向对象(object-oriented)的网页脚本语 言(Web Script Language)，是目前流行的网页 特效设计语言。
在HTML标记中直接写入JavaScript代码 例： <HTML>
<BODY> <P onMouseOver=“alert(‘欢迎您学习 JavaScript!')">鼠标移过来</P>
</BODY> </HTML>
运行
6
JavaScript概述
4. 在HTML文档中嵌入JavaScript代码
JavaScript代码可直接嵌入HTML文件中，随 网页一起传送到客户端浏览器，然后通过浏览器来 解释执行。
2
JavaScript概述
1.什么是JavaScript脚本语言？
(1) 脚本语言(Scripting Language)？ 由ASCII码构成，可直接用任何的文本编辑器开发完成。
是一种不必事先编译，只要利用适当的解释器(Interpreter) 就可以执行的简单的解释式程序。
(2) JavaScript？ JavaScript是由Netscape公司开发的一种跨平台，纯面向
对象(object-oriented)式的网页式脚本语言(Web Script Language)。JavaScript代码可直接嵌入HTML文件中，随 网页一起传送到客户端浏览器，然后通过浏览器的解释器 来解释执行。
9
JavaScript概述
4. 在HTML文档中嵌入JavaScript代码
为避免某些浏览器不完全支持JavaScript，而造成 错误，可将JavaScript代码用注释语句括起来 例如： <Script >
<!--
……
--> </Script>
10
JavaScript编程基础
1. 数据类型
数值型(Number)：包含整数或浮点数。 布尔型(Logical)：取值为true或false。1,0 字符型(String)：用单引号或双引号括起来的零个 或多个的字符或数字所组成。 空类型(null)：表示没有值，取唯一值”null”，大 小写敏感。
举例
12
JavaScript编程基础
2. 数据类型转换
b) 数据类型转换函数
eval(字符串)：将字符串参数转换成相应的数值， 例如：
y=eval(“15”)+8;
结果：y=23
parseInt(字符串，[底数])：将字符串转换成指定 底数的数值。
parseFloat(字符串)：将字符串转换成浮点数值。
将JavaScript代码放入<SCRIPT>…</SCRIPT> 标记符中 例如：
<SCRIPT language="JavaScript" > document.write("欢迎您学习JavaScript!");
</SCRIPT>
运行 <STYLE>
…… </STYLE>
7
JavaScript概述
转成字符串。
例如：var x=”我今年”+18; 结果：x=“我今年18”
var x=”15”+8
结果：x=158
var y=15+8;
结果：y=23
如果表达式中用了其它运算符，JavaScript自动将字符
串转成数值。
例如：var x=”30”/5;
结果：x=6
var y=”15”-“8”;
结果：y=7
3
JavaScript概述
2. JavaScript的特点
脚本编写语言 基于对象的语言 简单性 动态性 跨平台
4
JavaScript概述
3. JavaScript的功能
制作网页特效 提供表单前端验证 窗口动态操作 提高系统工作效率
5
JavaScript概述
4. 在HTML文档中嵌入JavaScript代码
注：null不能写成Null或NULL。 null既不等于“0”，也不等于“空字符串”。因为“0” 是数值，“空字符串”是字符串。
11
wenku.baidu.comavaScript编程基础
2. 数据类型转换
a) 自动数据类型转换
如果表达式中用（+）运算符，且其中一个操作数为字
符串，另一个操作数为数值时，JavaScript自动将数值
为 字符串)
15
JavaScript编程基础
3. 变量
c) 变量的作用域： d)全局变量(Global variable) 局部变量(Local
</script> 14
JavaScript编程基础
3. 变量
b) 变量的声明 变量声明时，不必定义类型，所有类型均由小写的 var声明。 例如： var name; （JavaScript自动给出一个未定义值） var name, sex; （JavaScript自动给出一个未定义值） var name=”张永”，sex=”女生”； (二变量均
举例
13
JavaScript编程基础
3. 变量
a) 变量命名
以字母或下划线开头（不能以数字开头），后面接数字、 字母或下划线。
变量名区分大小写。 不能用系统保留字和特殊符号作为变量
例：<script> var A="Uppercase A"; var a="Lowercase a"; document.write(A); document.write("<BR>"); document.write(a);
4. 在HTML文档中嵌入JavaScript代码
将代码独立存储为以 .js 为扩展名的文件，利用SRC 属性将该文件调入 例如：
<script language="JavaScript“ src="welcome.js">
</script>
welcome.js文件内容如下： document.write("欢迎您学习JavaScript!");
举例
8
document.write( ); var A="Uppercase A"; document.write(A); document.write( "Uppercase A" ); document.write("<BR>"); document.write("gv=" + A + "<BR>");