JavaScript语言简介
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
逻辑运算符
案例名称： 案例名称：逻辑运算符 程序名称： 程序名称：3-05.htm <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write(true&&false); document.write("<br>"); document.write(false&&false); document.write("<br>"); document.write(true||false); document.write("<br>"); document.write(!false); </SCRIPT> </BODY> </HTML>
JavaScript简介
JavaScript是一种通用的、基于原型的、 面向对象的脚本语言。 JavaScript设计目标是在不占用很多系统 和网络资源的情况下，可以在页面做完 整的程序。
JavaScript概述
JavaScript是一种 是一种Script脚本语言，所谓的脚本语言就是 脚本语言， 是一种 脚本语言 可以和HTML语言混合使用的语言。 语言混合使用的语言。 可以和 语言混合使用的语言 VBScript也是 也是Script语言中的一种，但是 语言中的一种， 也是 语言中的一种 但是VBScript只有微 只有微 软的浏览器Internet Explore（IE）才能完全支持。而 软的浏览器 （ ）才能完全支持。 JavaScript则不管是什么浏览器都可以运行，这也是 则不管是什么浏览器都可以运行， 则不管是什么浏览器都可以运行 JavaScript的一个优点。 的一个优点。 的一个优点 JavaScript是一种高级的脚本描述性语言，并不需要依赖 是一种高级的脚本描述性语言， 是一种高级的脚本描述性语言 于特定的机器和操作系统，所以说它是独立于操作平台的。 于特定的机器和操作系统，所以说它是独立于操作平台的。 JavaScript 1.0最初是在 最初是在Netscape Navigator 2.0及 最初是在 及 Netscape LiveWire 1.0上实现的，目前 上实现的， 上实现的 目前JavaScript的版 的版 本是JavaScript 1.2。 本是 。
表32列出了常用的方法getdate获得当前的日期getday获得当前的星期gethours获得当前的小时getminutes获得当前的分钟getmonth获得当前的月份getseconds获得当前的秒gettime获得当前的时间毫秒为单位getyear获得当前的年份网页时钟scriptlanguagejavascriptvarstrtimestrdate
逻辑运算符
逻辑运算符包括：与运算符“&&”、或运算符 “||”和取反运算符“！”。
（1）逻辑与运算符&&：在“A&&B”中，只有当两个条件 A和B都为真的时候，整个表达式值才为真。 （2）逻辑或表达式||：在“A||B”中，只要两个条件A和B 有一个成立，整个表达式值就为真。 （3）逻辑反表达式！：在!A中，当A为真时，表达式的值 为假；当A为假时，表达式的值为真。
的变量是弱变量， （1）JavaScript的变量是弱变量，不经过申明就可以使用，建 ） 的变量是弱变量 不经过申明就可以使用， 议先利用var申明； 申明； 议先利用 申明 语句后面可以加分号， （2）JavaScript语句后面可以加分号，也可以不加。但是 语系 ） 语句后面可以加分号 也可以不加。但是C语系 下其他语言都是严格要求加分号的，所以建议加上。 下其他语言都是严格要求加分号的，所以建议加上。
由上至下列出了操作符从低到高的优先级。 表3-1由上至下列出了操作符从低到高的优先级 由上至下列出了操作符从低到高的优先级
赋值操作符 条件表达式 逻辑或 逻辑与 按位或 按位异或 按位与 比较操作符 关系操作符 算术操作符 算术操作符 增量操作符 =,+=,*=,/=,%=,<<=,>>=,&=,|= ?: || && | ^ & ==,!= <,<=,>,>= +,*,/,% !,~,++,--
表达式与运算符
程序主要功能是运算，例如加、减、乘、 除等基本操作。
算术运算符
算术运算符主要提供加、 除等操作，计算机中没有通常的乘号， 算术运算符主要提供加、减、乘、除等操作，计算机中没有通常的乘号，用“*”代替。取余操作用“%”，使用方法 ”代替。取余操作用“ ， 如程序3-04.htm所示。 所示。 如程序 所示 案例名称： 案例名称：算术运算符 程序名称： 程序名称：3-04.htm <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write(3+2); document.write("<br>"); document.write(3*2); document.write("<br>"); document.write(3/2); document.write("<br>"); document.write(3-2); document.write("<br>"); document.write(3%2);//取余数 取余数 </SCRIPT> </BODY> </HTML>
使用变量
案例名称： 案例名称：使用变量 程序名称： 程序名称：3-02.htm <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> var strWelcome = "欢迎您！<BR>"; 欢迎您！ 欢迎您 var iCounter = 10; iCounter = iCounter + 1; </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write(strWelcome); document.write(iCounter); </SCRIPT> </BODY> </HTML>
字符串运算符
字符串运算符主要是字符串运算符பைடு நூலகம்+” 和它的变形形式：“+=”。比如“A = A + B”可以省略一个A，写成“A += B”， 在C语系中这两个表达式是一样。 在程序表达式中，操作符是有一定优先 顺序的，叫做运算符的优先级。表3-1由 上至下列出了操作符从低到高的优先级。
操作符的优先级
数组
案例名称： 案例名称：使用数组 程序名称： 程序名称：3-03.htm <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> var arrUserName = new Array(2); arrUserName[0] = "Bill"; arrUserName[1] = "Bob"; document.write(arrUserName[0]); document.write("<br>"); document.write(arrUserName[1]); document.write("<br>"); </SCRIPT> </BODY> </HTML>
变量与数组
变量和数组是JavaScript的基础， JavaScript和C语言属于同一语系，许多 基本语法一样。 不管是在JavaScript中还是在其他程序语 言中，最基本的概念是变量。
变量
JavaScript定义变量只有一个关键字“var”，在 定义变量只有一个关键字“ 定义变量只有一个关键字 ， JavaScript中定义一个用户名变量的语法为： 中定义一个用户名变量的语法为： 中定义一个用户名变量的语法为 “var strUserName;”。 。 注意： 注意：
字符串运算符
案例名称： 案例名称：字符串运算符 程序名称： 程序名称：3-06.htm <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> var strHello = "网页编程 网页编程"; 网页编程 var strResult = "你好，"; 你好， 你好 strResult += strHello; //等价于：strResult = strResult + strHello; 等价于： 等价于 document.write(strResult); </SCRIPT> </BODY> </HTML>
JavaScript与Java的区别
从本质上说JavaScript和Java没有什么联系，但是同 和 没有什么联系， 从本质上说 没有什么联系 时作为语言，可以从下面的角度来区别。 时作为语言，可以从下面的角度来区别。
是解释型的语言， （1）JavaScript是解释型的语言，当程序执行的时候，浏览器 ） 是解释型的语言 当程序执行的时候， 一边解释一边执行。 Java是编译型的语言 是编译型的语言， 一边解释一边执行。而Java是编译型的语言，必须经过编译才 能执行。 能执行。 代码经过编译后成为二进制文件， （2）代码格式不一样，Java代码经过编译后成为二进制文件， ）代码格式不一样， 代码经过编译后成为二进制文件 是纯文本的文件。 是纯文本的文件 而JavaScript是纯文本的文件。 中的嵌入方式不一样。 （3）在HTML中的嵌入方式不一样。Java可以通过小应用程序 ） 中的嵌入方式不一样 可以通过小应用程序 嵌入HTML文件，而JavaScript可直接写入一个文本文件或 文件， 嵌入 文件 可直接写入一个文本文件或 HTML文件中。 文件中。 文件中
JavaScript的运行环境
最常用的两种浏览器IE和Netscape Communicator都支持JavaScript， IE 3.0以上和Netscape Communicator 3.0以上都没有问题。
网页中引入JavaScript
在页面中引入JavaScript，只要加上<SCRIPT>标记然后再设置一下 ，只要加上 在页面中引入 标记然后再设置一下 所用的语言就可以了，如程序3-01.htm文件所示 所用的语言就可以了，如程序 文件所示 案例名称：第一个 案例名称：第一个JavaScript程序 程序 程序名称： 程序名称：3-01.htm <HTML> <HEAD></HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write("这是以 这是以JavaScript输出的 输出的!") 这是以 输出的 </SCRIPT> </BODY> </HTML>
变量命名规则
变量命名需要遵守以下几个规则。 变量命名需要遵守以下几个规则。
（1）变量命名必须以一个英文字母或是下划线为开头，也就是变量 ）变量命名必须以一个英文字母或是下划线为开头， 名第一个字符必须是A到 或是 或是a到 之间的字母或是 之间的字母或是“ 。 名第一个字符必须是 到Z或是 到z之间的字母或是“_”。 （2）变量名长度在 ～255字符之间。 字符之间。 ）变量名长度在0～ 字符之间 （3）除了首字符，其他字符可以使用任何字符、数字及下划线，但 ）除了首字符，其他字符可以使用任何字符、数字及下划线， 是不可以使用空格。 是不可以使用空格。 的运算符号， ，＊，／等 （4）不可以使用 ）不可以使用JavaScript的运算符号，例如：+，–，＊，／等。 的运算符号 例如： ， ，＊，／ （5）不可以使用JavaScript用到的保留字，例如：sqrt（开方）， ）不可以使用 用到的保留字，例如： （开方）， 用到的保留字 parseInt（转换成整型）等。 （转换成整型） （6）在JavaScript中，变量名大小写是有所区别的，例如：变量 ） 中 变量名大小写是有所区别的，例如： s12和S12是不同的两个变量。 是不同的两个变量。 和 是不同的两个变量
第3章 JavaScript语言简介
内容提要
JavaScript的基本语法，如何在网页中 的基本语法， 的基本语法 引入JavaScript 引入 实现JavaScript和HTML交互 实现 和 交互 JavaScript中的变量、数组、表达式、 中的变量、 中的变量 数组、表达式、 运算符、 运算符、流程控制语句 JavaScript的函数、内置对象、浏览器 的函数、 的函数 内置对象、 对象的层次和DOM模型的建立和使用。 模型的建立和使用。 对象的层次和 模型的建立和使用