在了解过html5之后,引入JavaScript。 1)什么是js语言呢? 首先js是一种脚本语言主要有以下三个作用: (1)提供用户交互 (2)动态更改内容 (3)数据验证 2)js是如何嵌入网页的?嵌入顺序是否有影响? (1)嵌入网页分为两种,分别是外部链接和内部插入 外部链接 <script src="" type="text/javascript"></script> 内部插入到html中,可在head中插入也可以在body里面插入 <script>js语言</script> 嵌入因素:a网页是否加载完成 b所需元素是否声明,即初始化

3)数据类型 number string Boolean object null(object) undefi function 4)变量 (1)变量名必须以字母或下划线("_")开头 (2)变量可以是字母数字下划线,且js严格区分大小写 (3)命名规则:驼峰命名法 (4)变量可以提前声明 4.1)全局变量和局部变量 函数体内的为局部变量,函数执行完成后变量会消失,只能在函数内部使用 外部变量为全局变量,可供多个函数调用 5)函数 常规函数:function 函数名(){} 匿名函数: function (){} 有以下几种情形:带返回值,带参数,不带参却传递参数如下: function f1(){ console.log("arguments")} f1(1,2,3); 这种情况下输出的是一个arguments对象。访问里面的元素arguments[0]; 区别 常规函数可以被提前声明, 6)运算符 算术运算 +-*/%++--前置(先++ --在运算) 后置 (先运算在++ --) 比较运算符 ==>=<=<>!= == ===(== 值一样 类型不定 === 值和类型一致) 逻辑运算符 && ||! 单个是按位运算 7)逻辑结构 if(true){}else{} switch(表达式) { case 常量1 : JavaScript语句; } while(条件成立){ }

do{ }while()

区别:do while 最少执行一次 7)dom元素获取方式:8种 四种动态 id class name tagname 两个固定 queryselsector(“. ”) queryselsectorall(“. ”) document.body document.documentElementt() 固定和动态的区别 固定的数量取决于最初几个 再创建也不会改变 动态随着动态创建数量也在改变

8)事件 鼠标 键盘 表单 触屏等 点击事件需要加on 一次只能一次触发一个 事件监听 一次可以触发多个 事件监听时的第三个参数取决于是冒泡还是捕获。默认是冒泡,为true时为捕获。 阻止冒泡时的时间e=window.event 9)闭包!!! 闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。” var add = (function () { var add = (function () { var counter = 0; return function () {return counter += 1;} })();

add(); add(); add(); 变量 add 指定了函数自我调用的返回字值。 自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。