零起点HTML5+CSS3+JavaScript+jQuery前端开发案例式教程PPT课件（共14章）08JavaScript语法基础.pptVIP

* * * 7.1 JavaScript语法基础 7.1.1 JavaScript  JavaScript一种解释性的脚本语言，简称JS。被广泛用于Web应用开发，常用来为网页添加动态功能，为用户提供更流畅美观的浏览效果。 JavaScript代码书写位置 1.内部引入 2.外部引入 3.行内引入 在html代码中添加，因为可读性太差。不推荐这种方法。 js代码和html代码分离 推荐使用 js代码和html代码不分离 授课时用这种方式（方便） 7.1.1 JavaScript  1.内部引入 !DOCTYPE html html head /head body /body /html script type=text/javascript js代码 /script !DOCTYPE html html head /head body /body /html script type=text/javascript js代码 /script js代码写在script type=text/javascript和/script标签里。 script type=text/javascript…/script 写在head标签中 script type=text/javascript…/script 写在body标签中。 7.1.1 JavaScript  示例 !DOCTYPE html html head meta charset=UTF-8 script type=text/javascript alert(我是内部引入，写在head标签中); /*alert函数会弹出一个警告框,警告框里显示括号里的内容*/ /script /head body /body /html ①单行注释：//注释内容 ②多行注释：/*注释内容*/ 运行结果 7.1.1 JavaScript  2.外部引入 第一步：创建一个js文件，把JavaScript代码写在该文件中。 第二步：在html文件head标签中引入这个js文件。 ①index.js文件 示例： ②在index.html中 引入index.js文件 alert(我是外部引入); !DOCTYPE html html head script src=index.js type=text/javascript charset=utf-8/script /script /head body /body /html 7.1.2.1 JavaScript的数据类型 （1） number: 包括整数或小数。例如：80 90.5 （2）string:用””双引号或者’’ 单引号包围的叫字符串，不管里面是文字还是数字。例如：abc a abc 123 （3） boolean:布尔类型：只有true和false值。 （4） null:一个对象为空的占位符，该对象定义了，但没有赋值。 （5） undefined: 如果一个变量未定义，则会被默认赋值为undefined 1.基本数据类型 对象是包含很多属性和方法的集合。JavaScript对象属性指的是与对象相关的值。JavaScript对象是无序属性的集合。 2.引用数据类型:对象 7.1.2.2 变量的声明 变量的命名 只能以字母、下划线或$开头，其他字符可以是字母、_、或数字。 变量名不能是数字开头，不能包含空格、加、减等符号。 不能使用Js中的关键字作为变量名，如var int。 JavaScript的变量名严格区分大小写，如Name与name代表两个不同的变量。 1 2 3 4 变量即可变的量，变量是用于存储数据的容器。 var 变量名 在定义变量的时候不需要指定变量的数据类型，可以保存任何类型的数据。 7.1.2.2 变量的声明 变量声明格式 Js的变量是弱类型 script type=text/javascript var name ; name = 100; name = Web前端开发; alert(name); /script 示例代码 运行结果 7.1.2.3 运算符 script type=text/javascript var a=10; var b=2; console.log(a+b); console.log(a%b); /script 1 算术运算符 包括加、减、乘、除、取余、自增、自减. 对应的运算符分别为＋、－、*、/、%、＋＋、－－。 示例代码 console