Download presentation
Presentation is loading. Please wait.
1
JavaScript 语言基础
2
本节学习目标 掌握JavaScript语言的特点； 掌握Javascript的语言基础，包括变量、函数、运算符等；
能够利用Javascript进行cookie应用；
3
本节主要内容 1、Javascript基础 2、JavaScript 函数 3、JavaScript 运算符 4、JavaScript语句
5 、浏览器对象模型 6、JavaScript 消息框
4
JavaScript简介 JavaScript是一种在网页中使用的脚本语言。 脚本语言是一种轻量级的、解释型的编程语言。
JavaScript是一种能够插入到HTML页面的编程代码。 JavaScript代码可以被所有的现代Web浏览器执行。 JavaScript是简单易学。
5
JavaScript简介 在HTML中JavaScript代码必须插入在<SCRIPT>和</script>标记之间。Javascript脚本可以放在HTML页面的<body>中或者放在head部分。 脚本也可以放在外部文件中。外部文件经常包含要使用在几个不同网页中的代码。外部JavaScript文件的扩展名为.JS。要使用外部脚本， <script>标签中的“src”属性要指向js文件。
6
Javascript的作用 JavaScript 是为 HTML 设计者提供的一种的编程工具
7
原理：
8
JavaScript输出 要通过JS脚本存取HTML元素，可以使用document.getElementById(id)方法。
使用 document.write() 方法直接写出到文档输出。如果在文档载入完成后执行 document.write() ，整个的HTML页面内容将会被重写。
9
JavaScript语句 分号把不同的Java语句分隔开，是一个可执行语句的结束符。可以在一行中写多个语句，只需要使用分号分隔即可。
HTML并不区分大小写。
10
JavaScript语句 条件语句 循环语句 Break 和 Continue 语句
11
条件语句 1. If 语句 只有当指定条件为 true 时，该语句才会执行代码。 语法 if (条件) {
}
12
2. If else 语句 If...else 语句 请使用 if....else 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。 if (条件) { 当条件为 true 时执行的代码 } else 当条件不为 true 时执行的代码
13
3 if else嵌套 If...else if...else 语句：使用 if....else if...else 语句来选择多个代码块之一来执行。 if (条件 1) { 当条件 1 为 true 时执行的代码 } else if (条件 2) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }
14
4. Switch语句 switch 语句用于基于不同的条件来执行不同的动作。 语法： switch(n) {case 1: 执行代码块 1
break; case 2: 执行代码块 2 Default: n 与 case 1 和 case 2 不同时执行的代码 }
15
循环语句 JavaScript 支持不同类型的循环： for - 循环代码块一定的次数 for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块 do/while - 同样当指定的条件为 true 时循环指定的代码块
16
1. For循环 for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } 语句 1 在循环（代码块）开始前执行
语句 1 在循环（代码块）开始前执行 语句 2 定义运行循环（代码块）的条件 语句 3 在循环（代码块）已被执行之后执行
17
2. For/In 循环 JavaScript for/in 语句循环遍历对象的属性： 主要应用在数组中和对象集合中；
18
3. While循环 只要指定条件为 true，循环就可以一直执行代码。 语法： while (条件) { 需要执行的代码 }
19
4. do/while 循环 do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。 语法： do { 需要执行的代码 } while (条件);
20
5.Break 和 Continue 语句 break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。
21
变量 JavaScript的变量是“容器”来存储信息。 var my=5; var mysite="my test"; 变量名必须以字母开头
变量名也可以以$和_开头 变量名是大小写敏感的（y和Y都是不同的变量） 变量名不能使用JavaScript关键词与JavaScript保留字，而且不能使用JavaScript语言内部的单词，比如Infinity,NaN,undefined
22
JavaScript 函数 function 函数名() { 代码 } 带参数的形式：
function myFunction(var1,var2) { some code }
23
JavaScript 函数 带有返回值的函数： function myFunction() { var x=5; return x; }
函数调用将被返回值取代： var myVar=myFunction();
24
2.5.5 JavaScript 运算符 算术运算符 赋值运算符 比较运算符 逻辑运算符 条件运算符
25
小结 JavaScript既是一种描述语言，也是一种基于对象和事件驱动，并且有安全性能的脚步语言。无论是客户端还是服务器端javascript应用程序都要下载到浏览器的客户端执行，从而减轻服务器端的负担。 提供了多种对象和函数以供使用；
Similar presentations
