一,什么是JS
JS是JavaScript的简称,这是一门最流行的运行在浏览器的脚本语言。 JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上。 JS是一种轻量级的编程语言,可由所有的现代浏览器执行
二,JS的作用
DOM操作: 增删改查HTML元素 可以直接操作HMTL 动效: 可以通过JS完成各种动效 让网页动起来 交互: 让用户和网页形成交互 (点击、滑动、拖拽等)
三,JS嵌入页面的方式有三种
1、行间事件(主要用于事件): 2、页面script标签嵌入: 在当前网页的script标签对之间编写 script 标签对可以放在body或head中,或者同时存在于两个部分中
标签对代表JS在何处开始和结束
3、外部引入 把脚本保存到外部.js后缀文件中。外部文件通常包含被多个网页使用的代码 使用外部文件,请在script标签的 “src” 属性中设置该 .js 文件
在head和body引入文件都可以,外部脚本不能包含script标签 注意: 用了外部样式,就不要再用页内样式,不会执行 四,JS基本语法
1、输出弹出框 document.write() 仅仅向文档输写内容 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖 alert(“hello world !”) 弹出框会停止代码往下执行,当点击确定之后才继续执行 2、分号 分号用于分隔 JavaScript 语句 通常我们在每条可执行的语句结尾添加分号。 使用分号的另一用处是在一行中编写多条语句(一行中编写多条语句必须使用分号) 3、JS对大小写是敏感的 4、JS会忽略多余的空格 5、可以在文本字符串中使用反斜杠对代码行进行换行 五,变量
1,格式 JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。 定义变量需要用关键字 ‘var’ 同时定义多个变量可以用","隔开,公用一个‘var’关键字 var x 声明变量之后,该变量为空,值为undefined,可以分开赋值,也可以在声明的时候赋值 2,变量的命名规范 变量必须以字母开头或下划线或开 头 , 不 能 以 数 字 开 头 不 推 荐 这 么 做 使 用 下 划 线 和 开头,不能以数字开头 不推荐这么做使用下划线和开头,不能以数字开头不推荐这么做使用下划线和开头 最好见名知意 变量名称对大小写敏感(y 和 Y 是不同的变量) 3,变量的数据类型:字符串、数字、布尔、数组、对象、Null、Undefined 字符串string:字符串是存储字符(比如 “Hungry”)的变量 可以是引号中的任意文本。 数字number:JS只有一种数字类型。数字可以带小数点,也可以不带.很大或很小的数字可以通过科学(指数)计数法来写:var y=123e5; // 12300000,var z=123e-5; // 0.00123 布尔boolean:布尔(逻辑)只能有两个值:true 或 false 数组array:var cars=new Array(); // 创建一个空数组,cars[0]=“Audi”; // 给添加元素(给数组中0下标赋值),任何的数据类型都可以放在数组里,数组里也可以放数组,就是二维数组,输出数组中的数组中的第0个元素 console.log(arr[5][0]); 对象object:JS变量均为对象。当您声明一个变量时,就创建了一个新的对象。 Null,Undefined:可以通过将变量的值设置为 null 来清空变量 六、运算符和表达式
1,简介
运算符用于针对操作数进行运算, 表达式是由数字、字符串、运算符等的组合成的式子 比如1 + 2; “Jack” + “Rose”; a > b等。
2,运算符分类
算数运算符 加+,减-,乘*,除/,求余数(保留整数)%,累加++,递减– ++:x = ++y; // 先++后赋值,x = y++; // 先赋值后++ –:x = --y; // 先–后赋值,x = y–; // 先赋值后– 赋值运算符 =,+=,-=,*=,/=,%=,例:x+=y等价于x=x+y 比较运算符 等于==,全等(值和类型)===,不等于!=,大于>,小于<,大于等于>=,小于等于<= 逻辑运算符 and&&,or||,not! 条件运算符 基于某些条件对变量进行赋值 var sex = 条件 ? man : woman ; 基于某些条件执行不同的表达式 var result = 条件 ? 5 + 5 : 1 + 2; 注意:如果把数字与字符串相加,结果将成为字符串。字符串与字符串相加也是字符串。