爱创课堂零基础入门学js.ppt

爱创课堂 JavaScript 爱创课堂 JavaScript 爱创课堂 JavaScript 爱创课堂 爱创课堂 爱创课堂 JavaScript 爱创课堂 爱创课堂 JavaScript零基础入门学 爱创课堂前端p培训 爱创课堂 什么是javascript? Javascipt是一种脚本语言，由web浏览器进行解释和执行。 ECMAScript DOM BOM JavaScript ECMAScript : 核心 DOM : 文档对象模型 BOM : 浏览器对象模型 爱创课堂前端p培训 爱创课堂 怎样将Javascript应用到网页中？ 方法一：将javascript代码插入html文档head部分的script标签中 例： head script type=“text/javascript” //javascript 代码 alert(‘hello world’); /script /head 爱创课堂前端p培训 爱创课堂 方法二：将javascript代码存放在一个独立的文件。用.js作为文件的扩展名，再利用 script标签的src属性指向该文件。 例： test.js alert(‘hello wordld’); Alert(‘金团网欢迎您 ！’); test.html head script type=“text/javascript”src=“test.js”/script /head 爱创课堂前端p培训 爱创课堂 JavaScript 语法 一、变量 1.变量由 var 运算符加变量名定义。 var age = 25; var mood = ‘happy’; 2.变量名命名规则： 第一个字符必须是字母、下划线(_)、或美元符号 ($); 变量名中不能包含空格或标点符号（$ 除外); 变量名区分大小写; 不能使用保留字; 为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔，如： var my_mood = ‘happy’; 爱创课堂前端p培训 爱创课堂 二、数据类型 1.字符串(String) 字符串由零个或多个字符构成，字符包括字母，数字，标点符号和空格; 字符串必须放在引号里（单引号或双引号）; var mood = “happy”; var mood = ‘happy’; 2.数值(number) var age = 25; var price = 33.25; 爱创课堂前端p培训 爱创课堂 3.布尔类型 (boolean) 布尔型数据只能有两种种值 true 和 false; var married = true; var married = false; 与字符串不同，不要把布尔值用引号括起来。布尔值 false 与 字符串 “false”是两回事。 爱创课堂前端p培训 爱创课堂 4.查看数据类型 typeof var mood = “happy”; alert(typeof mood); alert(typeof 95); 5.转换成字符串 var married = false; alert(married.toString()); // outputs “false” var age = 25; alert(age.toString()); //outputs “25” 爱创课堂前端p培训 爱创课堂 6.转换成数字 parseInt() 转换成整数 parseFloat() 转换成浮点数 例： var test = parseInt(“blue”); //returns NaN var test = parseInt(“1234blue”); //returns 1234 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) //return 1020; alert(10 + 20) //return 30; 2