+ All Categories
Home > Documents > bbs.pku.edu.cn€¦  · Web viewJavaScript概述. 一、JavaScript概述. 1.什么是 JavaScript....

bbs.pku.edu.cn€¦  · Web viewJavaScript概述. 一、JavaScript概述. 1.什么是 JavaScript....

Date post: 25-Sep-2020
Category:
Upload: others
View: 1 times
Download: 0 times
Share this document with a friend
4
文文 文文 () 2012 文文 JavaScript 概概 一、JavaScript 文文 1.文文文 JavaScript 一(概概概概概文文文文文文文 HTML 文文文 文文概概概概概 文文文 (:: 文文文文文文文 文文文文文文 概概概 文文文文文文 文 ::, 文 文文文 :, 2.文文文文 <html> <body> <script type="text/javascript"> document.write("Hello! World.") 文文文 </script> </body> </html> 文文文文文文<srcipt>文 文文文 ,, JavaScript 文文文文文文文文文 文文文文文文文文 3. JavaScript 文文 <html> <body onload="alert('Welcome!!')"> <div> <img src="smiley.gif" / > </div> </body> </html> 文文文文 onload 文文文文文 alert() 概 JavaScript 文文文文文文 1.文文文文文文 JavaScript 文 文 概概概概概 文1文文文文文 文 文文文文文 一,, 文2文文文文文 JavaScript 文文文文文文文文文文文文文文文文文文文文文文 JavaScript 文文文文文文文文文文 2. JavaScript 文文文文文文文文 1
Transcript
Page 1: bbs.pku.edu.cn€¦  · Web viewJavaScript概述. 一、JavaScript概述. 1.什么是 JavaScript. 一种计算机程序设计语言(解释型语言) 可以直接嵌入到HTML文档中.

文科计算机基础(下) 教师:苏祺 2012 年春

JavaScript概述一、JavaScript 概述1.什么是 JavaScript

一种计算机程序设计语言(解释型语言)可以直接嵌入到 HTML 文档中增强用户交互性(客户端:表单交互:响应

检测输入有效性检测用户行为)

纯文本:普通的文本编辑器即可翻译语言:①编译型:编译器,编译为目标程序 ② 解释型:逐句翻译,不生成目标程序

2.基本结构:<html>

<body><script type="text/javascript">

document.write("Hello! World.") 脚本块</script>

</body></html>当浏览器遇到<srcipt>标记后,并不将脚本块中的内容显示给用户,而是使用浏览器内建

的 JavaScript 解释器来解释并运行脚本代码中的指令3.一个简单的 JavaScript 程序<html>

<body onload="alert('Welcome!!')"><div><img src="smiley.gif" / >

</div></body>

</html>网页加载:onload 事件被触发alert()函数:二、JavaScript 中的数据类型1.关于数据类型

JavaScript 是一种弱类型语言(1)强类型语言

在使用一个变量之前,必须对数据的类型进行显式声明,数据的使用必须严格遵守适用于这些数据类型的规则(2)弱类型语言

在很大程度上,JavaScript 语言对如何使用不同类型的数据并没有严格的要求不需要声明数据的类型,JavaScript 可以推断出它们的类型

1

Page 2: bbs.pku.edu.cn€¦  · Web viewJavaScript概述. 一、JavaScript概述. 1.什么是 JavaScript. 一种计算机程序设计语言(解释型语言) 可以直接嵌入到HTML文档中.

文科计算机基础(下) 教师:苏祺 2012 年春

2. JavaScript 中常用的数据类型(1)数值数据① 整数:正/负,范围-253~253

② 分数:也称浮点数。正/负(2)文本数据

包含一个或多个字符的文本称为字符串必须用引号括起来转义字符,如\"\b——退格字符\t——制表符(tab)\n——换行字符\r——回车字符\\——反斜线\"——双引号\'——单引号

(3)布尔数据true/是,false/否布尔逻辑赋予了程序做判断和决定的能力

3.变量可保存临时性的数据,并随时修改保存在计算机的内存中通过变量名在代码中引用该变量变量名是大小写敏感的保留字(eg:if)不能作为变量名某些特殊字符也不能用在变量名中,如&和%数字不能作为变量名的开头应一致地遵循某种命名规范声明变量并赋值

对变量进行声明之后,JavaScript 将告诉计算机保留相应的内存空间用于存储该变量的数据var myFirstVariable——将数据保存到变量的过程,称为变量赋值

<script style="text/javascript">var myFirstVariable;myFirstVariable = "Hello";alert(myFirstVariable);

myFirstVariable=4321;alert(myFirstVariable);</script>4.数值及字符串的基本操作(1)数值计算:①加、减、乘、除运算符(操作符)

alert(15/10);

2

Page 3: bbs.pku.edu.cn€¦  · Web viewJavaScript概述. 一、JavaScript概述. 1.什么是 JavaScript. 一种计算机程序设计语言(解释型语言) 可以直接嵌入到HTML文档中.

文科计算机基础(下) 教师:苏祺 2012 年春

② 自增和自减运算符myVariable = myVariable + 1; → myVariable++;myVariable = myVariable - 1; → myVariable--;myVariable++与++myVariable 的区别

(2)字符串的基本操作① 字符串的串联

"peking " + "university" = "peking university"var concatString = "Hello!" + "pku"

② 字符串与数值的混合操作alert("My age is " + 101);

③ 数据类型转换将字符串转换成数值parseInt()函数和 parseFloat()函数

(3)数组一个变量一次只能保存一个数据项,而一个数组可以保存多个数据项数组中的每一个数据项称为数组的一个元素通过索引值可以访问该索引对应的数组元素var myArray = new Array();var myArray = new Array(6);var myArray = new Array("Paul", "John", "Ann", "Tom");myArray[0] = "Kevin";myArray[0]myArray[1

多维数组–var personnel = new Array();personnel[0] = new Array();personnel[0][0] = "Name0";personnel[0][1] = "Age0";personnel[0][2] = "Address0";

三、应用1.例子一:编写一个 JavaScript 程序,将一个华氏温度值转换为一个摄氏温度值,并将转换的结果输出在页面上。公式如下:degCent = 5/9(degFahren-32)<html>

<body><script type="text/javascript">var degFahen = prompt("Enter the degrees in Fahreheit", 50);var degCent;

3

Page 4: bbs.pku.edu.cn€¦  · Web viewJavaScript概述. 一、JavaScript概述. 1.什么是 JavaScript. 一种计算机程序设计语言(解释型语言) 可以直接嵌入到HTML文档中.

文科计算机基础(下) 教师:苏祺 2012 年春

degCent = 5/9*(degFahen - 32);alert(degCent);

</script></body>

<html>

2.例子二:在下面的代码中,使用了两个 prompt()函数从用户输入中获得两个值,并将这两个值相加后输出在页面中。找错误:<html>

<body><script type="text/javascript">var firstNumber = prompt("Enter the first number", "");var secondNumber = prompt("Enter the second number", "");var theTotal = firstNumber + secondNumber; 应 为 parseInt(firstNumber),

parseInt(firstNumber)document.write(firstNumber + "加" + secondNumber + "等于" + theTotal);

</script></body>

</html>

4


Recommended