javascript知识点汇总
JS核心知识梳理
JS核⼼知识梳理前⾔本⽂⽬标从JS的运⾏，设计，数据，应⽤四个⾓度来梳理JS核⼼的知识点主题⼤纲1. JS运⾏变量提升执⾏上下⽂作⽤域let作⽤域链闭包事件循环2. JS设计原型原型链thiscallapplybindnew继承3. JS数据数据类型数据的存储（深浅拷贝）数据类型判断（隐式转换，相等和全等，两个对象相等）数据的操作（数组遍历，对象遍历）数据的计算（计算误差）4. JS应⽤防抖，节流，柯⾥化⼀. JS运⾏⼤概分为四个阶段1. 词法分析：将js代码中的字符串分割为有意义的代码块，称为词法单元浏览器刚拿到⼀个JS⽂件或者⼀个script代码段的时候，它会认为⾥⾯是⼀个长长的字符串这是⽆法理解的，所以要分割成有意义的代码块，⽐如: var a = 12. 语法分析：将词法单元流转换成⼀颗抽象语法树(AST)，并对⽣成的AST树节点进⾏处理，⽐如使⽤了ES6语法，⽤到了let,const，就要转换成var。
为什么需要抽象语法树呢？抽象语法树是不依赖于具体的，不依赖于语⾔的细节，⽅便做很多的操作另⼀⽅⾯说，现在有许多语⾔，C，C++，Java，Javascript等等，他们有不同的语⾔规范但是转化成抽象语法树后就都是⼀致的了，⽅便编译器对其进⾏进⼀步的增删改查等操作，3. 预解析阶段：会确定作⽤域规则变量和函数提升4. 执⾏阶段：创建执⾏上下⽂，⽣成执⾏上下⽂栈执⾏可执⾏代码，依据事件循环1.作⽤域指定了函数和变量的作⽤范围分为全局作⽤域和函数作⽤域，JS不像C，JAVA语⾔⼀样，没有块级作⽤域,简单说就是花括号的范围2.变量和函数提升全局变量和函数声明会提升函数声明⽅式有三种，function foo() {}var foo = function () {}var foo = new Function()可归为两类，直接创建和变量赋值变量赋值函数和赋值普通变量的优先级按位置来，变量名相同前者被覆盖函数直接创建优先级⾼于变量赋值，同名取前者，与位置⽆关，也就是说函数直接创建即使再变量声明后⾯，也是优先级最⾼3. 执⾏上下⽂有不同的作⽤域，就有不同的执⾏环境，我们需要来管理这些上下⽂的变量执⾏环境分为三种，执⾏上下⽂对应执⾏环境全局执⾏环境函数执⾏环境eval执⾏环境（性能问题不提）1. 全局执⾏上下⽂先找变量声明，再找函数声明2. 函数执⾏上下⽂先找函数形参，和变量声明把实参赋值给形参找函数声明多个函数嵌套，就会有多个执⾏上下⽂，这需要执⾏上下⽂栈来维护，后进先出执⾏上下⽂⾥包含着变量环境和词法环境变量环境⾥就包含着当前环境⾥可使⽤的变量当前环境没有⽤哪的, 这就说到了作⽤域链4. 作⽤域链引⽤JS⾼程的定义：作⽤域链来保证对执⾏环境有权访问的变量和函数的有序访问变量的查找顺序不是按执⾏上下⽂栈的顺序，⽽是由词法作⽤域决定的词法作⽤域也就是静态作⽤域，由函数声明的位置决定，和函数在哪调⽤⽆关，也就js这么特殊5. 静态作⽤域和动态作⽤域词法作⽤域是在写代码或者定义时确定的⽽动态作⽤域是在运⾏时确定的（this也是！）var a = 2;function foo() {console.log(a); // 静态2 动态3}function bar() {var a = 3;foo();}bar();复制代码闭包由于作⽤域的限制，我们⽆法在函数作⽤域外部访问到函数内部定义的变量，⽽实际需求需要，这⾥就⽤到了闭包引⽤JS权威指南定义：闭包是指有权访问另⼀个函数作⽤域中的变量的函数1. 闭包作⽤for循环遍历进⾏事件绑定输出i值时为for循环的长度+1这结果显⽰不是我们想要的, 因为JS没有块级作⽤域，var定义的i值，没有销毁，存储与全局变量环境中在事件具体执⾏的时候取的i值，就是全局变量中经过多次计算后的i值for(var i = 0;i < 3;i++){document.getElementById(`item${i+1}`).onclick = function() {console.log(i);//3，3，3}}复制代码闭包特性：外部函数已经执⾏结束，内部函数引⽤外部函数的变量依然保存在内存中,变量的集合可称为闭包在编译过程中，对于内部函数，JS引擎会做⼀次此法扫描，如果引⽤了外部函数的变量，堆空间创建换⼀个Closure的对象,⽤来存储闭包变量利⽤此特性给⽅法增加⼀层闭包存储当时的i值，将事件绑定在新增的匿名函数返回的函数上for(var i = 0;i < 3;i++){document.getElementById(`item${i+1}`).onclick = make(i);}function make(e) {return function() {console.log(e)//0，1，2};复制代码闭包注意我们在不经意间就写成了闭包，内部函数引⽤外部函数的变量依然保存在内存中，该销毁的没有销毁，由于疏忽或错误造成程序未能释放已经不再使⽤的内存，就造成了内存泄漏同时注意闭包不会造成内存泄漏，我们错误的使⽤闭包才是内存泄漏事件循环JS代码执⾏依据事件循环JS是单线程，通过异步保证执⾏不被阻塞1. 执⾏机制简单说就是，⼀个执⾏栈，两个任务队列发现宏任务就放⼊宏任务队列，发现微任务就放⼊微任务队列，执⾏栈为空时，执⾏微任务队列所有微任务，再取宏任务队列⼀个宏任务执⾏如此循环2. 宏&微任务 macroTask: setTimeout, setInterval, I/O, UI rendering microTask: Promise.then⼆. JS设计1. 原型1. JS的设计有new操作符，构造函数，却没有类的概念，⽽是使⽤原型来模拟类来实现继承2. JS设计⼼路历程JS在设计之初，给的时间较短，并且定义为简单的⽹页脚本语⾔，不⽤太复杂，且想要模仿Java的理念，(这也是为什么JS叫JavaScript的原因)因此就借鉴了Java的对象、构造函数、new操作符理念，⽽抛弃掉了了复杂的class(类)概念3. 继承机制需要有⼀种继承的机制，来把所有对象联系起来，就可以使⽤构造函数但是构造函数⽣成实例对象的缺点就是⽆法共享属性和⽅法4. prototype属性为解决上⾯问题，就引⼊了prototype属性，就是我们常说的原型为构造函数设置⼀个prototype属性，实例对象需要共享的⽅法,都放在此对象上，整个核⼼设计完成后，后⾯的API也就顺理成章原型每⼀个js对象在创建的时候就会与之关联另⼀个对象这个对象就是原型，每个对象都会从原型继承属性proto每个对象都有⼀个属性叫proto,该属性指向对象的原型构造函数的prototype属性等于实例化对象的proto属性此属性并不是ES5 中的规范属性，只是为了在浏览器中⽅便获取原型⽽做的⼀个语法糖，我们可以使⽤Object.getPrototype()⽅法获取原型constructor 原型没有指向实例，因为⼀个构造函数可以有多个对象实例但是原型指向构造函数是有的，每个原型都有⼀个constructor属性指向关联的构造函数function Per() {} // 构造函数const chi = new Per() // 实例对象chi.__proto__ === Per.prototype // 获取对象的原型也是就构造函数的prototype属性Per.prototype.constructor === Per // constructor属性获取当前原型关联的构造函数复制代码实例与原型读取实例属性找不到时，就会查找与对象关联的原型的属性，⼀直向上查找，这种实例与原型之间的链条关系，这就形成了原型链function Foo() {} = 'tom'const foo = new Foo() = 'Jerry'console.log(); // Jerrydelete console.log(); // tom复制代码2.原型链⾸先亮出⼤家熟悉的⽹图就是实例与构造函数，原型之间的链条关系实例的 proto 指向原型构造函数的 prototype 属性指向原型原型的 constructor 属性指向构造函数所有构造函数的 proto 指向 Function.prototypeFunction.prototype proto 指向 Object.prototypeObject.prototype proto 指向 null函数对象原型（Function.prototype）是负责造构造函数的机器，包含Object、String、Number、Boolean、Array，Function。
JavaScript_笔记
1.实践，实践还是实践实践出来的东西是，是从自己骨子里生长出来的东西。
学习犹如散种子，在实践中种子才会发芽、生长、成熟和消亡。
没有发芽的种子还会像蒲公英一样，飘呀飘呀随念飘走，学习就成了一种消磨时间和锻炼思维的方式。
1.1.点滴心得1.1.1.js语言的构成结构基础：词法结构，首先是该语言的字符集，UTF-8，随后是其他的词法规则，包括：大小写敏感，对空格、换行和制表符的处理，对分号的定义（即语句结束规则），注释规则，直接量规则（所谓的直接量，即对内存单元中数据进行读取，而不用通过地址二次引用进行读取，和指针相对），标识符，，关键字。
数据类型和值。
【数据结构，相互之间有联系的元素的集合，数据之间的联系，我们称为逻辑结构。
练联系即结构。
数据类型，一个值的集合，和定义在该值集上的一组操作的统称。
抽象数据模型（Abstract Data Type），是指一个数据模型和定义在该模型上的一组操作。
ADT的形式化是三元组，ADT=（D，S，P）其中，D是数据对象，S是D 上关系的集合，P是对D的基本操作集。
】变量（有了类型，自然就有了变量）。
表达式和运算符（有类型，就有了该类型允许的运算，运算用运算符表示，运算符和变量的集合就是表达式）。
表达式是不能执行的，只有语句才能执行，语句是有动态行为的（function语句除外）。
语句包括：表达式语句，复合语句（语句块），var语句，function语句，if语句，循环语句，return语句，throw语句，trycath语句，空语句，标签语句，with语句，break语句，continue语句。
【function语句的作用是定义函数，而不是执行，因此没有动态行为，发生在函数被解析或者被编译时。
函数的定义和函数的运行并不在同一时刻。
】1.1.2.new对象new 为变量操作符分配一块内存，因此对象类型是引用类型，对象的类型是Object。
Object类型允许的操作是获取属性，通过“.”操作符，允许对变量执行操作，执行的具体操作依据变量类型决定。
JavaScript总结
7、setTimeout("函数()",毫秒数)：从当前时间开始，过了制定的毫秒数之后，执行一次指定的函数（指定的函数只有一次执行）
8、setInterval("函数()",毫秒数)：从当前时间开始，每过了制定的毫秒数之后，就执行一次指定的函数（指定的函数会被多次执行）
变量名 = 数组名[字符串下标];
JavaScript中下标是可以越界的，越界访问的结果是undefined
2、BOM
BOM（Browser Object Model），浏览器对象模型。
window对象：代表了浏览器窗口
1、包含了document、history、location等对象，这些对象作为window对象的属性
deleteRow()
tr -> TableRow
rowIndex
insertCell()
deleteCell()
td -> TableCell
cellIndex
select -> Select
options
add()
option -> Option
text
value
4、应用
1、动态改变网页的内容
调用DOM API来完成
2、动态改变网页的样式
调用DOM API来完成，使用DOM对象的style和className属性
3、网页输入的客户端验证（虽然客户端对输入的数据做了验证，但服务器还要对接收的数据进行验证）
在表单提交的onsubmit事件中进行验证
可以使用正则表达式来简化验证代码
4、网页特效
udemy的javascript课程笔记
udemy的javascript课程笔记以下是udemy的JavaScript课程的一些主要笔记：1.JavaScript是一种脚本语言，主要用于在Web浏览器中实现交互功能。
2.JavaScript的主要特点包括：解释性语言、基于对象、原型、弱类型等。
3.JavaScript的基本语法包括变量、数据类型、运算符、控制结构等。
4.JavaScript中的变量可以使用var、let或const声明，其中var声明的作用域是函数作用域，let和const声明的作用域是块级作用域。
5.JavaScript中的数据类型包括原始数据类型和对象数据类型，其中原始数据类型包括Number、String、Boolean、Null、Undefined等，对象数据类型包括Object、Array等。
6.JavaScript中的运算符包括算术运算符、比较运算符、逻辑运算符、位运算符等。
7.JavaScript中的控制结构包括if语句、switch语句、for循环、while循环等。
8.JavaScript中的函数是一段可重复使用的代码块，可以接受参数并返回值。
函数可以使用function关键字声明，也可以使用简洁声明方式。
9.JavaScript中的闭包是一种特殊类型的函数，它可以访问并操作其他函数的变量作用域。
闭包常常用于实现私有变量和函数，以及实现模块化编程。
10.JavaScript中的异步编程可以使用回调函数、Promise对象、async/await等实现。
其中async/await是基于Promise实现的，可以让异步代码看起来像同步代码一样。
11.JavaScript中的事件处理程序是一种特殊的函数，用于响应用户的交互操作，如点击按钮、提交表单等。
事件处理程序可以通过事件监听器绑定到元素上，并指定当事件发生时要执行的函数。
12.JavaScript中的DOM（文档对象模型）是一种编程接口，用于操作HTML和XML文档。
js入门基础教程
js入门基础教程JavaScript（简称JS）是一种轻量级的脚本语言，广泛应用于Web开发中。
它可以与HTML和CSS一起使用，通过在网页中嵌入js代码，使页面具有更多的交互性和动态效果。
本文将为大家介绍Javascript的入门基础知识。
1. JavaScript的历史JavaScript是在1995年由网景公司的布兰登·艾奇（BrendanEich）设计和开发的。
最初的目的是作为网页脚本语言，用来实现网页的动态效果和交互功能。
之后，它逐渐发展成一个独立的编程语言，可用于服务器端开发、桌面应用开发和移动应用开发等众多领域。
2. JavaScript的语法JavaScript的语法与Java语言类似，但它并不是Java的简化版。
它是一种解释性语言，不需要经过编译，而是由浏览器直接解释执行。
JavaScript的语法包括变量的声明、条件语句、循环语句、函数的定义等基本元素。
下面是一个简单的JavaScript程序示例：```javascript// 声明一个变量var message = "Hello, world!";// 输出变量的值console.log(message);```3. 数据类型JavaScript支持多种数据类型，包括字符串、数值、布尔值、数组、对象等。
其中，字符串用于表示文本，数值用于表示数字，布尔值用于表示真假值。
数组用于存储一组有序的值，对象用于存储键值对。
JavaScript还具有动态类型的特性，即同一个变量可以在不同的上下文中表示不同的数据类型。
4. 控制流程JavaScript中的控制流程包括条件语句和循环语句。
条件语句用于根据不同的条件执行不同的代码块，包括if语句和switch 语句。
循环语句用于重复执行一段代码，包括while循环、do-while循环和for循环。
5. 函数在JavaScript中，函数是一段可重复使用的代码块，用于实现特定的功能。
JavaScript基础知识点总结
JavaScript基础知识点总结//逗比小憨憨/*第一章*HTML引用js方法：*1,外部引用：HTML外部引用js：<script src='js/day1.js'></script>*2,内部引用：<script> alert('逗比小憨憨');</script>*3,元素事件引用：<input type='button' value='button' onclick='alert('welcome')' />*//*第二章* 变量定义：* 1，变量由数字，字母，下划线，$组成，且不能以数字开头* 2，变量不能使用系统关键词* 3变量定义语法：var 变量1=变量值,变量2=变量值,...;*///举例：var a = 10;document.write(a);//在页面输出一个内容/** 数据类型：* 1，基本数据类型：数字，字符串，布尔值，未定义值(undefined)，空值(null)* 2，引用数据类型：数组，对象* 其中：数字不区分整型和浮点型*//** 运算符：* 1，算术运算符: - * / % --* 加法运算规则：数字数字=数字；数字字符串=字符串；字符串字符串=字符串* 2，*///举例：var a = 10;var str = '逗比小憨憨';document.write(str a, typeof(str a));/** 赋值运算符：= = -= *= /=* 比较运算符：> < >= <= == !=* 逻辑运算符：&& || !* 条件运算符：var b=条件?表达式1:表达式2;//相当于C语言中三目运算符*//** 表达式语句：一个分号对应一条语句* 类型转换：* 1，隐式类型转换（js自动完成的）* 2，显式类型转换* (1)字符串转数字：Number(),parseInt(),parseFloat()（字符串必须是数字字符串）* (2)数字转字符串：toString* (3)转义字符：\' \' \n等* 3，注释：单行注释和多行注释用法：与C语言注释一样*///举例：document.write('Number(\'123\'):' Number('123') '<br/>');document.write(parseInt(' 123.456px'));//第一个字符为或-也进行转换，从左往右取整数document.write(parseFloat('123.456px'));var num = 123;document.write(num.toString());/*第三章* 流程控制：* 1，顺序结构：程序代码从上到下，从左到右依次执行* 2，选择结构：* (1)if语句:（单重if）* <1>:if(条件){语句块}* <2>:if(条件){语句块} else{语句块}* <3>:if(条件){语句块} else if(条件){语句块} else{语句块} * (2)switch语句：* switch(判断值){ case 取值1:语句块1;break;* case 取值2:语句块2;break;* ...* default:语句块n;break;}* 3,循环结构：* (1)while循环：* while(条件){语句块}* (2)do...while循环：* do{语句块}while(条件);* (3)for循环：* for(初始化表达式;条件表达式;循环后操作表达式){语句块} *///举例：计算1 2 3 (100)var n = 1, sum = 0;while(n <= 100){sum = n;n ;document.write(sum);//找出100-1000中的水仙花数var str1 = '';for(var i = 100; i < 1000; i ){var a = i / 100; //取百位上的数字a = parseInt(a);var b = i % 100 / 10; //取十位上的数字b = parseInt(b);var c = i % 10; //取个位上的数字c = parseInt(c);if(i == (a * a * a b * b * b c*c*c)) {str1 = str1 i '、';}}document.write('水仙花数有：' str1); //判断一个数是不是整数window.onload = function(){var n = 3.14159;if(parseInt(n) == parseFloat(n)) {document.write(n '是整数');}else{document.write(n '不是整数');}/*第四章* 函数：* 1，函数的定义:函数名命名规则遵循变量命名规则* (1)没有返回值的函数定义：function(参数1，参数2，...){语句块}* (2)有返回值的函数定义：function(参数1，参数2，...){语句块; return 返回值}* 2，变量的作用域：全局变量，局部变量* 3，函数的调用：* (1)直接调用：函数名(实参1,实参2,...);* (2)在表达式中调用:例如：var sum = 函数名(实参1,...)* (3)在超链接中调用：<a href='javascript:函数名'> </a>* (4)在事件中调用* 4，函数嵌套* 5，内置函数：比如：parseInt()*///举例：function add_sum(e, f){var sum = e f;document.write(sum);}add_sum(10, 20);function test(){alert('doubi');}//供超链接调用测试的函数/*第五章* 1，js中对象分为：自定义对象和内置对象* 2，常用的内置对象：字符串对象，数组对象，日期对象，数值对象* 3，字符串对象相关知识点：* 3.1 获取字符串长度：语法：字符串名.length* 3.2大小写转换：字符串名.toLowerCase(),字符串名.toUpperCase()* 3.3获取一个字符：字符串名.charAt(n)* 3.4获取字符串：字符串名.substring(start, end)* 3.5替换字符串：字符串.replace(原字符串或正则表达式, 替换字符串)* 3.6分割字符串：字符串.split('分隔符')* 3.7检索字符串的位置：字符串.indexOf(指定字符串),字符串.lastIndexOf(指定字符串)* indexOf：返回首次出现的位置lastIndexOf：返回最后一次出现的位置没找到返回-1* 3.8删除字符串中的一个字符：*///举例var str = 'This is doubixiaohanhan';document.write('字符串长度为：' str.length);//空格也计算在内document.write('转为大写字母:' str.toUpperCase());document.write('转为小写字母:' str.toLowerCase());document.write('获取第3个字符: ' str.charAt(3));//字符串下标从0开始计算document.write(str.substring(8, 23));document.write(str.replace('doubixiaohanhan','hahahahahaha'));var str1 = str.split(' ');//以空格作为分隔符for(var i = 0; i < 3; i )document.write(str1[i]);document.write(str.indexOf('bi'));document.write(stIndexOf('han'));//找出字符串中所有字符b,不区分大小写var n = 0,str1 = 'doubixiaohanhan';document.write('源字符串:' str1);for(var j = 0; j < str1.length; j ){var char = str1.charAt(j);if('h' == char.toLowerCase()){document.write(char);n = n 1;}}document.write('字符串中有' n '个字符h');//统计字符串中数字的个数function get_number(str){var num = 0, i = 0;while(i < str.length){var char = str.charAt(i);if((char != ' ') && (!isNaN(char))){//isNaN:不是数字则返回true num ;}i ;}alert('执行完毕');return num;}var ret = get_number('dou120k53KDDD6656'); document.write(ret);/*第六章：数组对象* 1，数组的创建：（数组中可以存储不同类型的数据）* (1)完整形式：var 数组名=new Array(元素1,元素2,..)* (2)简写形式：var 数组名=[元素1,元素2,...]* 2，数组的获取：使用下标获取，下标从0开始* 3，数组的赋值：arr[i]=值;* 4，获取数组的长度：数组名.length* 5，截取数组：数组名.slice(start, end)* 6，为数组添加元素：* (1)在数组开头添加元素：数组名.unshift(元素1,元素2,...)* (2)在数组末尾添加元素：数组名.push(元素1,元素2,...)* (3)在数组首部删除元素：数组名.shift()* (4)在数组末尾删除元素：数组名.pop()* (5)数组排序：升序：数组名.sort(up) 降序：数组名.sort(down) * 其中：function up(a,b){return a-b;} function down(a,b){return b-a;}* (6)数组颠倒顺序：数组名.reverse()* (7)将数组元素连接成字符串：数组名.join('连接符')* (8)*///举例var arr = ['js','jquery'];document.write(arr '\n');arr.unshift('db');arr.push('ab');document.write(arr);arr.shift();arr.pop();document.write(arr);var arr1 = [3, 6, 2, 5, 8, 1];document.write(arr1);function up(a,b){return a-b;}arr1.sort(up);document.write(arr1);function down(a,b){return b-a}arr1.sort(down);document.write(arr1);var arr = ['js','jquery','abcd'];var re = arr.join('');document.write(re);document.write(typeof(re));//例题：将字符串所有字符颠倒顺序function test(str){var arr = str.split('');document.write(typeof(arr));arr.reverse();var re = arr.join('');document.write(typeof(re));return re;}document.write('javascript颠倒后： ' test('javascript'));/*第七章：时间对象* 创建一个日期对象必续使用new关键字：语法：var 日期对象名 = new Date();* Date对象的方法有很多，主要分为两大类：获取时间：getXxx() 和设置时间：setXxx()** getFullYear() 获取年份：取值4位数字* getMonth() 获取月份：取值0（一月）-11（十二月）整数* getDate() 获取日数：取值0-31整数* getHours() 获取小时：取值0-23整数* getMinutes() 获取分钟：取值0-59整数* getSeconds() 获取秒数：取值0-59整数* getMilliseconds() 获取毫秒* getDay() 获取星期几：0表示星期天* setFullYear(year,month,day) 设置年月日* setMonth(month,day) 设置月日* setDate(day) 设置日 : 1-31整数* setHours(hour,min,sec,millsec) 设置时分秒毫秒* setMinutes(min,sec,millsec) 设置分秒毫秒* setSeconds(sec,millsec) 设置秒毫秒*///举例var d = new Date();var myyear = d.getFullYear();var mymonth = d.getMonth();var myday = d.getDate();var myday1 = d.getDay();var weekend = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];document.write(myyear '年' (mymonth 1) '月' myday '日' weekend[myday1]);/*第八章：数学对象* 数学对象不需要使用new关键字来创造，而是直接使用它的属性和方法* 语法： Math.属性 Math.方法* 注：属性往往都是常量，比如：圆周率：PI （常用格式：度数*Math.PI/180）* Math中方法常用有：* max min sin cos tan asin acos atan floor ceil random atan2 * Math中方法不常用有：* abs sqrt log pow exp* random():用于生成0-1之间的随机数，即： [0,1)* 随机生成某个范围的任意数：* 1，Math.random()*m:生成0~m之间的随机数* 2，Math.random()*m n:生成n~m n之间的随机数* 3，Math.random()*m-n:生成-n~m-n之间的随机数* 4，Math.random()*m-m:生成-m~0之间的随机数*///举例var a = Math.max(3,9,10,2,4,6,12,67,9);document.write(a);var b = 0.6;document.write(Math.floor(b));//floor向下取整document.write(Math.ceil(b)); //ceil向上取整document.write(Math.random()*10);//例题：生成随机验证码function random_validate(str){var arr = str.split('');var result = '';for(var i = 0;i < 4; i ){var n = Math.floor(Math.random()*arr.length);result = arr[n];}return result;}document.write(random_validate('asjcbakavbavakvhakjbvkv JASSDKABKAVAVJ24123435'));/*第九章：DOM基础* DOM：document object model文档对象模型（W3C定义的一个标准）* DOM操作：理解：元素操作；DOM采用树形结构* 重点：每一个元素就是一个节点，每个节点就是一个对象。
javascript知识点汇总
DAY01：一、基本特点：1、JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
2、是一种解释性脚本语言（代码不进行预编译）。
3、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
4、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
5、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
6、avascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。
Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。
而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
二、日常用途：1、嵌入动态文本于HTML页面。
2、对浏览器事件做出响应。
3、读写HTML元素。
4、在数据被提交到服务器之前验证数据。
5、检测访客的浏览器信息。
6、控制cookies，包括创建和修改等。
7、基于技术进行服务器端编程。
DAY02：javascript的放置和注释1.输出工具();("","")如何在html页面当中进行放置A.<script></script>***************************************javascript可以在html页面当中的任何位置来进行调用，但是他们还是一个整体，是相互联系，相互影响。
***************************************B.可以在超链接或是重定向的位置调用javascript代码格式："javascript:alert('我是超链接')"重定向格式：action="javascript:alert('我是表单')"3.在事件后面进行调用A.格式：onclick="alert('我是事件')"B.<scriptfor="two"event="onclick">alert("我是DIV2");</script>4.调用外部javascript文件格式：<scriptsrc=""></script>******************************************************************* 在调用页面<script>标签对当中不能有任何代码在js脚本中不能出现<script>标签对但是他们还是一个整体，是相互联系，相互影响。
Javascript
Javascript一、javascript 概念：是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。
当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。
于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。
其作用是用来在页面中编特效的语言，和HTML/CSS一样都是由浏览器解析的。
二、Javascript结构：ECMAScript：js 变量关键字数据类型运算符流程控制循环内置对象DOM：document object mode文档对象模型（看成文档对象）BOM：brows object model 浏览器对象模型（把浏览器看成对象）说明：三、Javascript语法及其ECMAScript：1.Js是运行：从上到下，从左到右执行1.1 JS作用域链即是AO链说明：JS运行分为词法分析期和运行期，但是在运行执行之前，就要对其词法分析，在函数运行的前一瞬间，将会创建Action Object对象.在词法分析的时候由外到内分析AO 链，执行的时候由内到外寻找AO链词法分析：①分析参数：把函数声明的参数，形成Action对象的属性，参数值即为属性值，未赋值那么形成属性后的属性值全都是undefine②分析变量声明：把声明的变量，形成Action的属性，如果Action对象已有该属性，那么将覆盖原来的属性，如果没有该属性，那么将添加该变量为属性，③分析函数声明：把函数赋给Action对象属性，如果已有该属性那么就将覆盖原来的类别说明Javascript 95%都在使用，基本上在网上看到的特效都是用Js做的它是微软开发的和javascript语法相似，并且和javascript都是jscript遵循同一个标准Vbscript Vb程序员经常用applet 是把java语法嵌入到html中Js嵌入方式：①：<script> js代码</script>②连接地址触发js：<a href=”javascript:alert(触发开始)”>demo</a>③form表单触发：action=”javascript:alert( 触发)”说明：①在页面中嵌入javascript，可以再任何地方嵌入，如果是嵌入javascript就直接可以：<script>js代码</scirpt>②如果是嵌入其他类型的那么我们就要这样：<script language=’jscript’>js代码</scirpt>。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
DAY01：一、基本特点：1、JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
2、是一种解释性脚本语言（代码不进行预编译）。
3、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
4、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
5、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
6、avascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。
Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。
而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
二、日常用途：1、嵌入动态文本于HTML页面。
2、对浏览器事件做出响应。
3、读写HTML元素。
4、在数据被提交到服务器之前验证数据。
5、检测访客的浏览器信息。
6、控制cookies，包括创建和修改等。
7、基于Node.js技术进行服务器端编程。
DAY02：javascript的放置和注释1.输出工具A.alert();C.prompt("","")2.javascript如何在html页面当中进行放置A.<script></script>***************************************javascript可以在html页面当中的任何位置来进行调用，但是他们还是一个整体，是相互联系，相互影响。
***************************************B.可以在超链接或是重定向的位置调用javascript代码格式："javascript:alert('我是超链接')"重定向格式：action="javascript:alert('我是表单')"3.在事件后面进行调用A.格式：onclick="alert('我是事件')"B.<scriptfor="two"event="onclick">alert("我是DIV2");</script>4.调用外部javascript文件格式：<scriptsrc="2.js"></script>******************************************************************* 在调用页面<script>标签对当中不能有任何代码在js脚本中不能出现<script>标签对但是他们还是一个整体，是相互联系，相互影响。
******************************************************************** 5.javascript注释:1.对付旧的浏览器<!---->2.真正注释符号。
A.行内注释//B.块注释/**/DAY04:javascript变量和数据类型(下)一、typeof操作符他是用来检测数据类型的一元运算符，并且返回的结果始终是一个字符串。
二、数据类型1.初始类型Undefined指的就是变量创建后但是没有赋值，而变量的默认值就是undefinedNull指的是什么都没有，仅仅是一个占位符。
NumberString用单双引号来说明，他所包围的值都可以是字符串。
单双引号的用法：效率是一样的；只能成对出现，不能相互交叉使用；可以相互嵌套。
还包括一些特殊的字符:\n换行\t制表符\b空格\r回车\’‘\”“\\Boolean只有两个特殊的值truefalse2.引用类型object(class)类型值typeof运算的结果Undefinedundefined"undefined"Nullnull"object"String在单双引号之间的值，特殊字符"string" Booleantruefalse"boolean"DAY05:javascript变量和数据类型(下)数据类型1.初始类型Undefined指的就是变量创建后但是没有赋值，而变量的默认值就是undefinedNull指的是什么都没有，仅仅是一个占位符。
Number包括整型和浮点型。
支持二进制、八进制、十进制、十六进制。
用科学计数法来表示，还包括一些特殊的值：Number.MAX_VALUE最大值Number.MIN_VALUE最小值String用单双引号来说明，他所包围的值都可以是字符串。
Boolean只有两个特殊的值truefalse2.引用类型object(class)包含相关属性和方法的一个集合。
new关键字。
varobj=newObject();类型值typeof运算的结果Undefinedundefined"undefined"Nullnull"object"String在单双引号之间的值，特殊字符"string" Booleantruefalse"boolean"Number整型和浮点型,特殊值"number"DAY06:javascript运算符一、运算符和操作数的组合就称为表达式。
二、javascript运算符(一)算术运算符+-*/%var++++varvar----varA.+(1)用于数值的运算(2)用于字符串的连接***************************任何的数据类型和字符串相加都是等于相加以后的字符串*************************B.%(1)用于取一段范围的值eg:取偶数\取奇数(2)一般不用于小数，因为结果不确定。
C.var++++var++在前面，他比较自私，会自己先加，然后再赋值。
++在后面，他比较无私，先赋值，然后自己再加。
(二)关系运算符(比较运算符)<><=>======!=!==(1)他运算的结果都是布尔值(2)都是字符串的时候，他会先转换成ASCII码然后进行比较他们的第一个字母。
(3)都是数值的时候，他会正常比较(4)当一个字符串，另一个是数值的时候，把字符串尝试转换成数值类型，然后进行比较，如果不能转换成数值类型，则会返回NaN,然后返回假(5)undefinednull(6)如果两个都是数值型字符串，那么他们也是只比较第一个(7)如果一个数值和布尔值进行比较，会把布尔值转换为数值再进行比较，true 为1，false为0A.==只比较值是否相等(1)比较字符串的时候是比较他们的ASCII码是否相等(2)比较两个数值的时候是比较他们的数值是否相等(3)比较函数的时候，判断他们的位置是否相等。
B.===不但比较值是否相等，还比较类型是否相等。
(三)赋值运算符=+=-=*=/=%=A.+=vara=1;a+=3；a=a+3(1)用于数值的相加再赋值(2)用于字符串的连接再赋值***************************任何的数据类型和字符串相加都是等于相加以后的字符串*************************(四)逻辑运算符(布尔运算符)与and&&或or||非not!A.&&if(a&&b){alert("两个都是真的");}else{alert("至少有一个是假的")}运算符两边只要有一个是假，那么他的运算结果就是假，只有两个都为真的时候，运算结果才是真的。
B.||if(a||b){alert("至少有一个是真的");}else{alert("两个都是假的")}运算符两边只要有一个是真的那么他就是真的，只有当两个都是假的时候，他才是假的。
C.not!取反，假的变成真的，真的变成假的。
(1)逻辑运算符可以对任何类型的数据进行运算但是在运算的时候，可以转换为对应的布尔值UndefinedfalseNullfalseBoolean就是本身的值Number除了0以外都是真的String除了空字符串意外都是真的对象真的(2)类变量进行赋值vara=b&&c如果一个运算数是对象，另一个是Boolean值，返回该对象。
如果两个运算数都是对象，返回第二个对象。
如果某个运算数是null，返回null。
如果某个运算数是NaN，返回NaN。
如果某个运算数是undefined，发生错误。
vara=b||c如果一个运算数是对象，并且该对象左边的运算数值均为false，则返回该对象。
如果两个运算数都是对象，返回第一个对象。
如果最后一个运算数是null，并且其他运算数值均为false，则返回null。
如果最后一个运算数是NaN，并且其他运算数值均为false，则返回NaN。
如果某个运算数是undefined，发生错误。
(五)一元运算符typeof+-deletenew++--A.+正号、正数B.delete删除对象的方法或是属性C.new用来创建一个对象(六)特殊的运算符，()=?:A.,用来一次声明多个变量B.()(1)运算的时候有优先级的作用a*(b-c)(2)运行一段函数C.根据表达式的计算结果有条件的为变量赋值格式:var变量=Booleanexpression?真值:假值(七)位运算符DAY07:javascript数据类型强制转换一、转换为数值类型Number(参数)把任何的类型转换为数值类型A.如果是布尔值，false为0，true为1B.如果是数字，转换成为本身。
将无意义的后导0去掉。
C.如果Null转换为0D.如果是undefined转换为NaNnotanumberE.如果对象则会先调用对象的valueOf(),如果valueOf()返回的是NaN,然后再调用对象的toString()F.如果是字符串1.如果字符串当中只有数字，转换为10进制(忽略前导0和后导0)2.如果是有效的规范的浮点型，转换为浮点值(忽略前导0和后导0)3.如果是空字符串，则转换为04.如果是其他的值，返回NaNparseInt(参数1，参数2)将字符串转换为整数A.如果一个字符串只包含数字，则以10进制的方式转换为整型。