爱创课堂零基础入门学jsPPT课件
- 格式：pptx
- 大小：904.33 KB
- 文档页数：27
下载文档原格式
合集下载
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学习资料演示课件
• function Man(name, height, blood, birth){
• = name;
• this.height = height;
• this.blood = blood;
• this.birth = birth;
•
• this.study = study; //声明一个方法
的属性和方法.其他类的属性方法就必须加上”类 名.” 前缀 . 需要用()把对象变量括起来。 • with (Math){ • document.write(cos(10)); • document.write(cos(20)); • document.write(cos(30)); • document.write(cos(40)); •}
16
• 对方法的调用使用 对象.方法(参数) ; • new 可以创建对象 date = new Date(); 创建
一个日期对象. • this关键字指向当前属性的引用.
17
13.定义类
• 定义类就是定义一个函数: 参数列表不要使用类型 关键字,只能使用变量名.
• <script type="text/javascript" language="javascript">
• document.write("<br>你操作系统适用的默认 语言："+systemLanguage );
• document.write("<br>你HTTP 用户代理请求 头的字符串："+userAgent );
• document.write("<br>你操作系统的自然语言 设置："+userLanguage );
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(课件)-(版)
深入浅出JavaScript引言：JavaScript是一种广泛应用于Web开发的编程语言，它为网页带来了动态效果和交互性。
本课件旨在为您提供关于JavaScript的全面概述，包括其基本概念、语法、功能和应用场景。
通过本课件的讲解，您将能够理解JavaScript的工作原理，并能够运用它来创建更加丰富和互动的Web体验。
第一部分：JavaScript概述1.1JavaScript的历史和发展1.2JavaScript的主要特点和优势1.3JavaScript在Web开发中的应用场景第二部分：JavaScript基础语法2.1变量和数据类型2.2运算符和表达式2.3控制语句和循环语句2.4函数的定义和调用第三部分：JavaScript对象和数组3.1对象的基本概念和创建方式3.2数组的基本概念和操作方法3.3内置对象和全局对象第四部分：JavaScript高级特性4.1闭包的概念和应用4.2原型链和继承4.3异步编程和回调函数4.4事件处理和事件委托第五部分：JavaScript与DOM操作5.1DOM的基本概念和结构5.2DOM的查询和操作方法5.3事件冒泡和事件捕获5.4AJAX和动态数据加载第六部分：JavaScript框架和库6.1jQuery的基本使用和优势6.2React的基本概念和组件化开发6.3Vue.js的基本概念和双向数据绑定6.4Angular的基本概念和依赖注入第七部分：JavaScript最佳实践和性能优化7.1代码规范和命名约定7.2代码压缩和合并7.3异步加载和懒加载7.4优化DOM操作和事件处理第八部分：JavaScript安全性和错误处理8.1JavaScript的安全性问题8.2错误处理和异常捕获8.3跨域请求和安全措施结论：通过本课件的学习，您已经了解了JavaScript的基本概念、语法和功能，并能够运用它来创建动态和交互式的Web页面。
JavaScript作为一种灵活和强大的编程语言，将继续在Web开发中发挥重要作用。
01javascript基础.ppt
JavaScript
本章内容
• C/S与B/S • 静态网页和动态网页 • HTML基本元素 • CSS • JavaScript(重在应用) • XML(基本知识、DTD、dom4j解析)
JavaScript
• JavaScript是一种描述式语言，它与HTML结合起来， 用于增强功能，并提高与最终用户之间的交互性能
JavaScript基本语法—控制语句
• switch 语句 – switch(i) case i1:… casei2:… default:… – (21.htm)
JavaScript基本语法—循环语句
• do…while – 23.htm
• while – 24.htm
JavaScript基本语法—循环语句
• 运算符 – 算术运算符: +、-、*、/、%（14.htm） – 条件运算符: >、<、=、>=、<=、== – 逻辑运算符: &&、|| 、!(15.htm) – ...
• 条件表达式 – 条件?A:B(18制语句
• if语句 – if(条件) else if(条件1) else…(19.htm)
• 常用方法、属性 – 得到字符串的长度(属性): length – 取子串：substring(index1[,index2])(17.htm) – 取指定长度的子串:substr(beginIndex[,length]) – 判断子串的位置indexOf – 取指定字符的位置charAt() – 替换replace() – 拆分为数组split()
JavaScript基本语法—常用内置对象_数组
• 数组定义 – var arr = new Array([3]); – var arr = [1, 2, 3];
本章内容
• C/S与B/S • 静态网页和动态网页 • HTML基本元素 • CSS • JavaScript(重在应用) • XML(基本知识、DTD、dom4j解析)
JavaScript
• JavaScript是一种描述式语言，它与HTML结合起来， 用于增强功能，并提高与最终用户之间的交互性能
JavaScript基本语法—控制语句
• switch 语句 – switch(i) case i1:… casei2:… default:… – (21.htm)
JavaScript基本语法—循环语句
• do…while – 23.htm
• while – 24.htm
JavaScript基本语法—循环语句
• 运算符 – 算术运算符: +、-、*、/、%（14.htm） – 条件运算符: >、<、=、>=、<=、== – 逻辑运算符: &&、|| 、!(15.htm) – ...
• 条件表达式 – 条件?A:B(18制语句
• if语句 – if(条件) else if(条件1) else…(19.htm)
• 常用方法、属性 – 得到字符串的长度(属性): length – 取子串：substring(index1[,index2])(17.htm) – 取指定长度的子串:substr(beginIndex[,length]) – 判断子串的位置indexOf – 取指定字符的位置charAt() – 替换replace() – 拆分为数组split()
JavaScript基本语法—常用内置对象_数组
• 数组定义 – var arr = new Array([3]); – var arr = [1, 2, 3];
《js零基础入门学》课件
3 GET和POST请求
4 JSON的解析
掌握GET和POST两种常用的HTTP请求方 法，以及它们的区别和使用场景。
了解JSON格式的数据解析和处理，以 实现前后端之间的数据传输和交互。
实战项目
1
需求分析
学习如何分析和理解客户需求，规
代码实现
2
划和设计一个实用的JavaScript项目。
动手实现项目的具体功能和界面，
条件语句和循环语句
条件语句
掌握使用条件语句进行逻辑判断和分支控制的 技巧。
循环语句
学习各种类型的循环语句，如for循环和while 循环，来实现重复执行的逻辑。
函数
1
函数的定义和调用
学习如何定义和调用函数，以及函数在代码组织和重用方面的重要性。
2
函数参数
了解函数参数的不同类型和如何在函数中使用它们。
3
基本语法
深入了解JavaScript的基本语法规则，为后续学习打下坚实基础。
变量和数据类型
变量定义
学习如何定义和使用变量，以及变量的命名规则和最佳实践。
基本数据类型
了解JavaScript的基本数据类型，如字符串、数字、布尔值等。
复杂数据类型
学习如何使用数组和对象来存储和处理更加复杂的数据结构。
DOM操作
深入了解jQuery提供的强大 的DOM操作功能，让开发更 加高效便捷。
事件监听
掌握jQuery的事件处理机制， 以及如何处理各种用户交互 事件。
AJA X
1 A JA X 的概述
2 X MLHttpRequest对象
了解AJAX的工作原理和优势，以及它在 现代Web开发中的广泛应用。
学习使用XMLHttpRequest对象进行异步 请求，实现无需刷新页面的数据交互。
零基础学JavaScript语句PPT
对于数组，可以使用for循环或for...of循环来遍历数组元素， 也可以使用forEach()方法来遍历并执行特定操作。
对于对象，可以使用for...in循环或Object.keys()方法来遍 历对象的属性，也可以使用for...of循环来遍历对象的属性 值。
04
JavaScript事件和DOM操作
03
JavaScript对象和数组
对象和对象的属性
01
对象是由键值对组成的集合，可以使用点符号或方括号来访 问对象的属性。
02
对象的属性可以包含基本数据类型（如字符串、数字、布尔 值等）和对象本身。
03
对象的属性可以通过赋值语句来设置和修改，也可以通过删 除语句来删除。
数组和数组的方法
数组是JavaScript中用于存储 有序数据的集合，可以使用 数字索引来访问数组元素。
逻辑错误
程序逻辑不正确，导致预期外的结果。处理方式 包括仔细检查代码逻辑，使用调试工具逐步执行 代码。
调试工具和方法
控制台输出
使用console.log()输出变 量值、函数返回值等，帮 助定位问题。
调试器
使用浏览器的开发者工具 中的JavaScript调试器， 逐步执行代码，查看变量 值和执行流程。
05
JavaScript错误处理和调试
错误类型和处理方式
1 2 3
语法错误
由于代码中存在语法错误，导致程序无法执行。 处理方式包括检查括号、引号、分号等是否匹配 和正确使用。
运行时错误
程序在运行过程中遇到问题而抛出错误。处理方 式包括使用try-catch语句捕获异常，并使用 console.error()输出错误信息。
DOM操作和DOM事件
对于对象，可以使用for...in循环或Object.keys()方法来遍 历对象的属性，也可以使用for...of循环来遍历对象的属性 值。
04
JavaScript事件和DOM操作
03
JavaScript对象和数组
对象和对象的属性
01
对象是由键值对组成的集合，可以使用点符号或方括号来访 问对象的属性。
02
对象的属性可以包含基本数据类型（如字符串、数字、布尔 值等）和对象本身。
03
对象的属性可以通过赋值语句来设置和修改，也可以通过删 除语句来删除。
数组和数组的方法
数组是JavaScript中用于存储 有序数据的集合，可以使用 数字索引来访问数组元素。
逻辑错误
程序逻辑不正确，导致预期外的结果。处理方式 包括仔细检查代码逻辑，使用调试工具逐步执行 代码。
调试工具和方法
控制台输出
使用console.log()输出变 量值、函数返回值等，帮 助定位问题。
调试器
使用浏览器的开发者工具 中的JavaScript调试器， 逐步执行代码，查看变量 值和执行流程。
05
JavaScript错误处理和调试
错误类型和处理方式
1 2 3
语法错误
由于代码中存在语法错误，导致程序无法执行。 处理方式包括检查括号、引号、分号等是否匹配 和正确使用。
运行时错误
程序在运行过程中遇到问题而抛出错误。处理方 式包括使用try-catch语句捕获异常，并使用 console.error()输出错误信息。
DOM操作和DOM事件
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代码。
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()等。
本地开发环境
JavaScript基础PPT课件
具有函数的作用域 顶级函数(顶级作用域)
函数直接量 js1.2以上版本 表达式 匿名 静态 顺序解析 具有函数作用域
. 20
➢ 第四讲： 4.3Arguments对象
ECMAScript函数不介意传递进来多少参数，也不会因为参数不统一而错误，实际 上函数体内可以通过arguments对象来接受传递进来的参数。
test()方法在字符串中查找是否存在指定的正则表达式并返回布尔值，如果存在则返 回true,不存在则返回false.
exec()方法执行成功，则返回包含该查找字符串的相关信息数组，如果执行失 败，则返回Null.
方法 test exec
功能 在字符串中测试模式匹配，返回true或false
在字符串中执行匹配搜索，返回结果数组
注意：1.除10进制外，还可通过8进制和16进制的字面值来表示，如 070 表示56、0xA表示10. Boolean：true和false. Undefined：表示变量声明但未赋值. Null:表示一个空的对象引用(也就是赋值为null)
. 9
➢ 引用类型
Object类型 (比如对象、数组、RegExp、Date...) Typeof 操作符 基本类型和引用类型的值 基本类型是按照值访问的，因为可以操作保存在变量中的实际值 引用类型则是按引用去访问的
参数
含义
i
忽略大小写
g
全局匹配
m
多行匹配
var Reg = /hello/; var Reg = /hello/gi;
//直接使用两个反斜杠 //在第二个斜杠后面加上模式修饰符
. 25
➢ 第五讲： 5.2RegExp对象的方法
· RegExp对象的方法 RegExp对象包含两个方法，test()和exec(),功能基本相似，用于测试字符串匹配，
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</head>
爱创课堂
爱创课堂前端p培训
JavaScript 语法
一、变量 1.变量由 var 运算符加变量名定义。
var age = 25; var mood = ‘happy’;
2.变量名命名规则： 第一个字符必须是字母、下划线(_)、或美元符号 ($); 变量名中不能包含空格或标点符号（$ 除外); 变量名区分大小写; 不能使用保留字; 为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔，如： var my_mood = ‘happy’;
爱创课堂前端p培训
4.查看数据类型 typeof
var mood = “happy”;
alert(typeof mood); alert(typeof 95);
5.转换成字符串
var married = false; alert(married.toString()); // outputs “false”
</head>
爱创课堂
爱创课堂前端p培训
方法二：将javascript代码存放在一个独立的文件。用.js作为文件的扩展名，再利用 <script>标签的src属性指向该文件。
例：
test.js
alert(‘hello wordld’); Alert(‘金团网欢迎您 ！’);
test.html
<head> <script type=“text/javascript”src=“test.js”></script>
怎样将Javascript应用到网页中？
方法一：将javascript代码插入html文档<head>部分的<script>标签中 例：
<head> <script type=“text/javascript”> //javascript 代码 alert(‘hello world’); </script>
4.逻辑运算符
&& ： 逻辑与 || : 逻辑或 ！：逻辑非
var i = 8; alert ( i<5 && i<10);
//outputs false
alert ( i > 100 || i < 10); //outputs true
alert(!(10 > 5));
//outputs false
alert(i + “大于100”); }else if(i > 80) {
alert(i + “大于80”); }else{
alert(i + “小于100”); }
爱创课堂
爱创课堂前端p培训
二、循环语句
1.While
while (exp) { //statements;
}
例：
var count = 1;
var i = 10; var a = i++; 爱创课堂 alert(a);
// i = i + 1;
爱创课堂前端p培训
3. 比较运算符 >, <, >=, <=, ==, !=
alert ( 10 > 5 );
//outputs true
var i = 100; var n = 100; alert(i == n); //outputs true; alert(i != n); //outputs false;
爱创课堂
爱创课堂前端p培训
二、数据类型 1.字符串(String)
字符串由零个或多个字符构成，字符包括字母，数字，标点符号和空格; 字符串必须放在引号里（单引号或双引号）; var mood = “happy”; var mood = ‘happy’; 2.数值(number) var age = 25; var price = 33.25;
while(count < 11){ alert(count); count++;
}
爱创课堂
爱创课堂前端p培训
2. Do…while do {
//statements; }while (condition); 例：
爱创课堂
爱创课堂前端p培训
3.布尔类型 (boolean) 布尔型数据只能有两种种值 true 和 false; var married = true; var married = false;
与字符串不同，不要把布尔值用引号括起来。布尔值 false 与 字符串 “false”是两回事。
爱创课堂
var test = parseInt(“22.5”);
//returns 22
var test = parseFloat(“1234blue”);
//returns 1234.0
var test = parseFloat(“22.5”); //returns 22.5
爱创课堂
爱创课堂前端p培训
运算符
1.算术运算符 + - * / %
var total = (1 + 4) * 5; var i = 100; var temp = (i – 20) / 2;
alert(“10”+ 20) alert(10 + 20)
//return 1020; //return 30;
2. 后增量/后减量运算符 ++ ,--
JavaScript零基础入门学
爱创课堂前端p培训
什么是javascript?
Javascipt是一种脚本语言，由web浏览器进行解释和执行。
JavaScript
ECMAScript
DOM
BOM
ECMAScript : 核心 DOM : 文档对象模型 BOM : 浏览器对象模型
爱创课堂
爱创课堂训
注释
//
单行注释
/* …*/ 多行注释
爱创课堂
爱创课堂前端p培训
程序流程控制
一、条件语句
if(condition) statements1 else statement2
例：
if(10 > 5) { alert(“hello world”);
}
var i = 90; if(i > 100) {
var age = 25; alert(age.toString());
//outputs “25”
爱创课堂
爱创课堂前端p培训
6.转换成数字
parseInt()
转换成整数
parseFloat()
转换成浮点数
例：
var test = parseInt(“blue”);
//returns NaN
var test = parseInt(“1234blue”); //returns 1234
爱创课堂
爱创课堂前端p培训
JavaScript 语法
一、变量 1.变量由 var 运算符加变量名定义。
var age = 25; var mood = ‘happy’;
2.变量名命名规则： 第一个字符必须是字母、下划线(_)、或美元符号 ($); 变量名中不能包含空格或标点符号（$ 除外); 变量名区分大小写; 不能使用保留字; 为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔，如： var my_mood = ‘happy’;
爱创课堂前端p培训
4.查看数据类型 typeof
var mood = “happy”;
alert(typeof mood); alert(typeof 95);
5.转换成字符串
var married = false; alert(married.toString()); // outputs “false”
</head>
爱创课堂
爱创课堂前端p培训
方法二：将javascript代码存放在一个独立的文件。用.js作为文件的扩展名，再利用 <script>标签的src属性指向该文件。
例：
test.js
alert(‘hello wordld’); Alert(‘金团网欢迎您 ！’);
test.html
<head> <script type=“text/javascript”src=“test.js”></script>
怎样将Javascript应用到网页中？
方法一：将javascript代码插入html文档<head>部分的<script>标签中 例：
<head> <script type=“text/javascript”> //javascript 代码 alert(‘hello world’); </script>
4.逻辑运算符
&& ： 逻辑与 || : 逻辑或 ！：逻辑非
var i = 8; alert ( i<5 && i<10);
//outputs false
alert ( i > 100 || i < 10); //outputs true
alert(!(10 > 5));
//outputs false
alert(i + “大于100”); }else if(i > 80) {
alert(i + “大于80”); }else{
alert(i + “小于100”); }
爱创课堂
爱创课堂前端p培训
二、循环语句
1.While
while (exp) { //statements;
}
例：
var count = 1;
var i = 10; var a = i++; 爱创课堂 alert(a);
// i = i + 1;
爱创课堂前端p培训
3. 比较运算符 >, <, >=, <=, ==, !=
alert ( 10 > 5 );
//outputs true
var i = 100; var n = 100; alert(i == n); //outputs true; alert(i != n); //outputs false;
爱创课堂
爱创课堂前端p培训
二、数据类型 1.字符串(String)
字符串由零个或多个字符构成，字符包括字母，数字，标点符号和空格; 字符串必须放在引号里（单引号或双引号）; var mood = “happy”; var mood = ‘happy’; 2.数值(number) var age = 25; var price = 33.25;
while(count < 11){ alert(count); count++;
}
爱创课堂
爱创课堂前端p培训
2. Do…while do {
//statements; }while (condition); 例：
爱创课堂
爱创课堂前端p培训
3.布尔类型 (boolean) 布尔型数据只能有两种种值 true 和 false; var married = true; var married = false;
与字符串不同，不要把布尔值用引号括起来。布尔值 false 与 字符串 “false”是两回事。
爱创课堂
var test = parseInt(“22.5”);
//returns 22
var test = parseFloat(“1234blue”);
//returns 1234.0
var test = parseFloat(“22.5”); //returns 22.5
爱创课堂
爱创课堂前端p培训
运算符
1.算术运算符 + - * / %
var total = (1 + 4) * 5; var i = 100; var temp = (i – 20) / 2;
alert(“10”+ 20) alert(10 + 20)
//return 1020; //return 30;
2. 后增量/后减量运算符 ++ ,--
JavaScript零基础入门学
爱创课堂前端p培训
什么是javascript?
Javascipt是一种脚本语言，由web浏览器进行解释和执行。
JavaScript
ECMAScript
DOM
BOM
ECMAScript : 核心 DOM : 文档对象模型 BOM : 浏览器对象模型
爱创课堂
爱创课堂训
注释
//
单行注释
/* …*/ 多行注释
爱创课堂
爱创课堂前端p培训
程序流程控制
一、条件语句
if(condition) statements1 else statement2
例：
if(10 > 5) { alert(“hello world”);
}
var i = 90; if(i > 100) {
var age = 25; alert(age.toString());
//outputs “25”
爱创课堂
爱创课堂前端p培训
6.转换成数字
parseInt()
转换成整数
parseFloat()
转换成浮点数
例：
var test = parseInt(“blue”);
//returns NaN
var test = parseInt(“1234blue”); //returns 1234