下载文档原格式
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类型允许的操作是获取属性，通过“.”操作符，允许对变量执行操作，执行的具体操作依据变量类型决定。
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文档。
课堂笔记第二天javascript课程目标:1.javascript概述2.javascript的基本语法3.javascript常用对象4.javascript常用全局函数主要内容：1.javascript简介2.javascript的使用方式*3.javascript基本语法*4.javascript常用对象*5.javascript全局函数*一、javascript简介js: 是一种基于对象和事件驱动的弱类型的脚本语言。
具有跨平台的特性（运行在浏览器中）。
正式名称：ECMAScript作用：为html添加行为javascript VS java1. js弱类型语言，java强类型2.js基于对象，java是OO3.js有浏览器解释执行，java需要编译后有JVM解释执行4. 在语法结构上二者非常相似javascript语言组成js=ECMAScript+DOM（Docuemnt Object Model文档对象模型）+BOM(Brower Object Model 浏览器对象模型)二、javascript的使用方式1. 内部js脚本(直接把js写在html文档中)语法：<script type=”text/javascript”>脚本;</script>2. 外部js文件(扩展名为js的文件)使用下面语法引入当前html文档中。
语法：首先定义外部样式文件，扩展名js然后如下：<script type="text/javascript" src="myjs.js">注意：这里不能再写js脚本</script>--------------------------------------------------------------------------------------------------三、javascript基本语法1. 标识符的命名规则1.1 标识符由字母、数字、下划线（_）和美元符($)组成。
声明数组第一种方式:var arr1 = new Array(5); 声明长度为五的数组Var arr = new Array() ; 声明空数组第二种方式:(推荐使用方式)Var arr = [ ]; 声明空数组Var arr = [2,3,4,5,6]; 声明一个数组获取字符串: length();数组的压入: 注: js不支持’[ ]’直接向数组尾部压入元素Js不支持关联数组,只支持索引数组Js不支持二维数组Js数组中索引是连续的,元素的添加:push(); unshift()元素的删除:delete arr[‘下标’]; 关键字删除(注:这里只是将当前索引的值变成undefined而已,不会删除数字索引)使用方法删除元素:第一种:尾部删除:arr.pop() ; 例:var res =arr.pop();头部删除:arr.shift(); 例:var res = arr.shift();第二种:Arr.spilce(‘’,’’); 例: Var res =arr.splice(1,3); 从指定位置开始,删除指定个数的值元素的修改:Arr[1]=1;数组的遍历:第一种:For(){Document.write(‘’);}第二种:For in数组的连接:Var res = arr.concat(arr1,arr2,.....); 连接两个或多个数组元素Var str =arr.join(‘@@@’); 将数组拼接成字符串Var res = arr.reverse(); 将数组反转strrev reverseVar res = arr.slice(1);截取数组元素从索引1位置开始截取到最后Var res = arr.slice(1,4); 从索引1位置开始截取到第三位(要前不要后)Ar res =arr.sort(function(a,b)){ } 冒泡排序正则表达式声明方式:第一种:new RegEXP(‘正则表达式’);第二种: / 正则表达式/; 例:var reg = /\w\d/ (推荐使用)方法:test 用来检测当前正在能否匹配上字符串例:var res =reg.test(str); 真:true 假:falseConsole.log(reg.test(str)); //检测能否匹配上Console.log(reg.Exec(str)); //获取匹配到的结果转移字符:/\w/;单个的字母数字下划线/\W/;单个的非字母数字下划线/\s\/;单个的空白字符/\S\/;单个的非空白字符/\t\/;单个的水平制表符/\d\/;单个的数字/\D\/;单个的非数字事件文档事件绑定:onload 当文档加载完毕后触发的事件例:window.onload =function(){Alert(‘加载完毕’);}文档页面在关闭之前触发的事件例:window.onbeforeunload =function(){Return( ‘号地块的减肥’);}鼠标事件单击:绑定:move.onclick=function(){alert(‘单击绑定’);}(阻止元素的默认行为:return false.)双击:第二种绑定:move.ondblclick=function(){arelt(‘双击绑定’);}第三种:move.addEventListener(‘dblcilick’,function(){})右键:Window.oncontextmenu=function(){alert(‘右键绑定’);}获取鼠标位置e: 获取鼠标位置Window.oncontextmenu =function(e){var x=e.clientX;var y=e.clientY;}鼠标移入/移出事件移入绑定:div.onmuseover=function(){alert (‘鼠标移入’);}移出绑定:div.onmuseout=function(){alert (‘鼠标移出’);}鼠标移动事件移动绑定:movev.onmusemove=function(){}鼠标的按下和抬起事件绑定按下:div.onmousedown=function(){Console.log(‘down’);}抬起:div.onmouseup=function(){console.log(‘up’);}快速获取宽和高offsetWidth offsetHeight例:var w =move.offsetWidth;var w =move.offsetHeight;快速获取元素相对于父级元素的偏移量offsetLeft offsetTopvar w =move.offsetLeft;var w =move.offsetTop;键盘事件键盘的按下事件:第一种:Window.onkeydown=function(){} (注:可以识别系统按键)第二种:window.onkeypress=function(){};键盘的抬起事件:window.onkeyup=function(){};获取按键信息:user.onkeydown=function(e){var key=e.key;}键盘的移动:?????缺内容,需补全------------------------------------;表单事件获取焦点事件:user.onfocus=function(){};丧失焦点事件:user.onblur =function(){};下拉框onchange事件select(下拉框)City.onchange=function(){};(当下拉框的值发生改变时触发) 选中文本onselect事件Info.onselect=function(){};Info.oncopy=function(){}; (只能绑定input \testarea)Onsubmit事件(当点下按钮时触发)Onreset事件(表单重置时触发)冒泡阻止冒泡事件e.stopPropagation();扩展Style:属性只能获得内嵌样式window.getComptedStyle:获取元素所有的css样式(内嵌,外连,) DOM获得元素的方法:ID获得元素:Decument.getElementById();标签名获得元素:document.getElementsByTagName();Classname获得元素document.getElementsByClassName();Name属性获得元素:document.getElementsByName();获取元素中的所有的子元素Var cs =images.childNdes;获取元素中所有的标签子元素Var cs=images.children;获取第一个子元素var cs=images.firstChild;获取第一个标签子元素firstElemnetChild;获取最后一个子元素lastChild获取最后一个标签子元素lastElementChild获取上一个元素previousSibing获取上一个标签元素previousElementSibing获取下一个元素nextSibing获取下一个子元素nextElemnetSibling获取父级元素prentNode获取父元素的标签元素prentElementSibling特殊节点特殊节点的获取内容不全需补全..................................获取form元素a) formsb) elements通过name获取form元素获取a标签元素操作元素移除数值RemoveAttribute();文本操作获取操作(文本)test.innerHTML (注:可以获取标签中间的标签内容)test.textContent (注:只能获取标签中间的文本内容) 删除操作test.innerHTMLAJAXAJAX1.指异步的js和xml,2.不是一种新的编程语言,而是一种用于创建快速动态网页的技术.3.(注:AJAX必须使用HTTP协议);AJAX的具体实现步骤自定义AJAX请求对象第一步:创建AJAX请求对象var xmlhttp= new XMLHttpRequest();第二部:设置回调函数(绑定一个请求状态改变事件)Xmlhttp.onreadystatechange = function(){}第三部:初始化请求xmlhttp.open(“GET”,”1.php”,true)//第一个参数:为请求方式//第二个参数:请求地址//第三个参数:是否异步:true(异步) false(同步)第四部:Ajax发送xmlhttp.send(); XMLHttpRequset:请求对象的属性和方法Ajax的XMLHttpRequset 属性:responseText __ajax响应的文本内容responseXML __ajax响应的xml内容。
javascript笔记总结JavaScript 是一种广泛应用于网页开发的脚本语言，它可以为网页增加交互性和动态功能。
以下是一些 JavaScript 的笔记总结：1. 数据类型，JavaScript 包括基本数据类型（如数字、字符串、布尔值）和复杂数据类型（如对象、数组、函数）。
2. 变量和常量，使用 var、let 或 const 关键字声明变量和常量，变量可以被重新赋值，而常量则不能。
3. 控制流，JavaScript 支持条件语句（if-else）、循环语句（for、while）、以及跳出循环的关键字（break、continue）。
4. 函数，可以使用 function 关键字定义函数，函数可以接受参数并返回值。
5. 对象和数组，JavaScript 中的对象是键值对的集合，数组是有序的值的集合，它们都可以动态地增加、删除或修改其内容。
6. 事件处理，JavaScript 可以通过事件处理函数响应用户的交互行为，如点击、鼠标移动等。
7. DOM 操作，JavaScript 可以通过 Document Object Model （DOM）来操作网页的结构、样式和内容。
8. 异步编程，JavaScript 支持异步编程，可以通过回调函数、Promise 或 async/await 来处理异步操作。
9. 错误处理，JavaScript 提供了 try...catch...finally 结构来捕获和处理程序运行时的错误。
总的来说，JavaScript 是一种强大且灵活的脚本语言，能够为网页提供丰富的交互体验和动态功能。
希望这些笔记总结可以帮助您更好地理解 JavaScript 的基本概念和特性。
JavaScript笔记（狂神说）本⽂章根据b站狂神说javascript视频教程整理视频链接：0、前端知识体系想要成为真正的“互联⽹Java全栈⼯程师”还有很长的⼀段路要⾛，其中前端是绕不开的⼀门必修课。
本阶段课程的主要⽬的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联⽹Java全栈⼯程师”再向前迈进⼀步。
0.1、前端三要素HTML（结构）：超⽂本标记语⾔（Hyper Text Markup Language），决定⽹页的结构和内容CSS（表现）：层叠样式表（Cascading Style Sheets），设定⽹页的表现样式。
JavaScript（⾏为）：是⼀种弱类型脚本语⾔，其源码不需经过编译，⽽是由浏览器解释运⾏，⽤于控制⽹页的⾏为0.2、结构层（HTML）太简单，略0.3、表现层（CSS）CSS层叠样式表是⼀门标记语⾔，并不是编程语⾔，因此不可以⾃定义变量，不可以引⽤等，换句话说就是不具备任何语法⽀持，它主要缺陷如下：语法不够强⼤，⽐如⽆法嵌套书写，导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复⽤机制，使得逻辑上相关的属性值必须以字⾯量的形式重复输出，导致难以维护；这就导致了我们在⼯作中⽆端增加了许多⼯作量。
为了解决这个问题，前端开发⼈员会使⽤⼀种称之为【CSS预处理器】的⼯具,提供CSS缺失的样式层复⽤机制、减少冗余代码，提⾼样式代码的可维护性。
⼤⼤的提⾼了前端在样式上的开发效率。
什么是CSS预处理器CSS预处理器定义了⼀种新的语⾔，其基本思想是，⽤⼀种专门的编程语⾔，为CSS增加了⼀些编程的特性，将CSS作为⽬标⽣成⽂件，然后开发者就只需要使⽤这种语⾔进⾏CSS的编码⼯作。
转化成通俗易懂的话来说就是“⽤⼀种专门的编程语⾔，进⾏Web页⾯样式设计，再通过编译器转化为正常的CSS⽂件，以供项⽬使⽤”。
常⽤的CSS预处理器有哪些SASS：基于Ruby ，通过服务端处理，功能强⼤。
第一章JavaScript基础1. 如何实现JavaScript (4)(1) 如何把JavaScript代码放到HTML页面里 (4)● 使用<script>标签,直接在HTML代码里加入JavaScript代码 (4)● 使用<script stc=”XXX.js”>调用外部的JavaScript(.js文件) (4)● 如何与老浏览器打交道 (4)(2) 把JavaScript代码放到HTML页面不同的位置 (4)● 把JavaScript代码放到HTML<body>部分 (4)● 把JavaScript代码放到HTML<head>部分 (4)● 示例代码 (4)2. JavaScript语句与注释 (5)(1) JavaScript语句结束符 (5)(2) JavaScript代码块 (5)(3) JavaScript注释 (5)(4) JavaScript变量 (5)● 变量命名规则 (5)● 申明或创建变量 (5)● 重新申明变量 (5)3. JavaScript运算符 (5)(1) 基本运算符 (5)(2) 位运算符(~(非运算)、&(与运算)、|(或运算)、^(异或运算)) (5)(3) Boolean运算(!(求反运算)、&&(与运算)、||(或运算)) (6)(4) 关系运算(<、>、<=、>=、==、!=) (6)(5) 等性运算符(==、===、!=、!==) (6)(6) 条件运算符 (7)(7) 其他运算符 (7)● 赋值运算符 (7)● 逗号运算符 (7)● typeof运算符 (7)● delete运算符 (7)● instanceof运算符 (7)4. with语句 (8)(1) 语法及作用 (8)(2) 示例 (8)5. 分支语句 (8)(1) if...else...语句 (8)(2) switch语句 (8)6. 消息框 (8)(1) 警告框 (8)(2) 确认框 (8)(3) 提示框 (9)7. 函数(一般定义到<head>标签之间) (9)(1) 定义函数 (9)(2) 关于函数的arguments对象 (9)● 在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。
<html> <body> <script type="text/javascript"> document.write("Hello World!"); </script> </body> </html> ======================== 如果需要把一段 JavaScript 插入 HTML 页面， 我们需要使用 <script> 标签 （同 时使用 type 属性来定义脚本语言）。
这样，<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。
document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。
当页面载入时，会执行位于 body 部分的 JavaScript。
当被调用时，位于 head 部分的 JavaScript 才会被执行。
===================================================<html> <head> <script type="text/javascript"> function message() { alert("该提示框是通过 onload 事件调用的。
") } </script> </head> <body onload="message()"> </body> </html> ================================================ 位于 head 部分的脚本： 当脚本被调用时，或者当事件被触发时，脚本就会被执行。
<title>自动选择文本框/编辑框中的文字</title><script type="text/javascript">function Myselect_txt(){if (document.form1.title.focus){document.form1.title.select();}}function Myselect_txtarea(){if (document.form1.content.focus){document.form1.content.select();}}</script>A href中target属性的用法target这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下：_blank，在新浏览器窗口中打开链接文件。
_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。
如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。
_self，在同一框架或窗口中打开所链接的文档。
此参数为默认值，通常不用指定。
_top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。
二级菜单的显示：创建Ajax对象：Ajax用于做异步操作在IE游览器下可以适用：达到兼容性：事件驱动：（1）单击事件onClick（2）改变事件onChange（3）提交事件onSubmit（4）选中事件onSelect（5）获取焦点事件onFocus（6）失去焦点onBlur（7）载入文件onload（8）卸载文件onUnload（9）按下键盘按键onKeydown（10）按下字面键onKeyPress（11）释放键盘按键onKeyUp（12）鼠标滑过onMouseMove（13）鼠标移除onMouseOut（14）鼠标移入onMouseOver（15）鼠标释放onMouseUp（16）按下鼠标onMousedown（17）鼠标双击onDblClickJavaScript 的极大对象是：window history location document form 等；其中window窗口对象时最大的对象因此引用它的属性和方法时，可以不必加入对象名window 例如：window.alert(l);和alert(l);效果一样；属于window把一个文本文件中的字符串数字给读取出来：文本文件中存储的是一个字符串数组：{1,2,3,4,5,6,7,8}解决缓存的方法：绑定事件：绑定事件的兼容性解决：以上存在兼容性的问题：解决兼容性的问题如下：解决冒泡的方法：随鼠标移动的div效果：Client与scrollTop的配合使用防止出错：Ctrl+enter 提交留言：延时提示框：解决图片的兼容问题对于隐藏事件的写法但是id的直接使用会引起兼容性问题Display有两个值none 和block none表示不显示block表示显示网页的换肤效果；用于显示信息Console .dir();Console.log()（1）鼠标移动到图片上，图片上下移动效果var A_Img=new Image();function move(image,num){image.src='Images/top/menu_0'+num+'_over.gif';}//此处的num为1时就是Images/top/menu_01_over.gif'这张图片，它仍然是一张图片让新的一张图片赋给了点击时的图片function out(image,num){image.src='Images/top/menu_0'+num+'.gif';}</script><td width="94" align="center"><img src="Images/top/menu_05.gif" name="image5" width="95" height="119" border="0" onMouseMove="move(this,'5')" onMouseout="out(this,'5')"></td>（2）打开网页显示广告信息窗口属性的参数（3）定时打开窗口（4）通过按钮创建窗口（5）自动关闭的广告窗口（6）弹出窗口居中（7）地图图片热点地图链接类型的链接<map name="Map"><area shape="rect" coords="164,8,246,26" href="#" onClick="window.close();"> <area shape="rect" coords="76,8,158,26" href="#" onClick="mycheck(myform)"> </map>（8）弹出的窗口之Cookie控制<Script Language="JavaScript">function openWindow(){window.open("placard.htm","","width=352,height=193")}function GetCookie(name){var search = name + "=";var returnvalue = "";var offset,end;if(document.cookie.length>0){offset = document.cookie.indexOf(search);if(offset != -1){offset += search.length;end = document.cookie.indexOf(";",offset);if(end == -1) end = document.cookie.length;returnvalue = unescape(document.cookie.substring(offset,end));}}return returnvalue;}function LoadPop(){if(GetCookie("pop")==""){openWindow();var today = new Date()var time="Sunday,1-jan-"+today.getYear()+1+" 23:59:59 GMC";document.cookie="pop=yes;expires="+time;}}</Script>（9）关闭弹出窗口时刷新父窗口点击一个按钮显示一个新的子网页<a href="#"onClick="Javascript:window.open('new.htm','','width=400,height=220')">会议记录</a>在子网页中用于关闭的按钮<input type="submit" name="Submit" value="关闭" onclick="Mycheck();"> <script language="javascript">function Mycheck(){alert("关闭子窗口！");window.opener.location.reload(); //刷新父窗口中的网页window.close();//关闭当前窗窗口}</script>（10）（11）全屏显示代码：弹窗显示代码：<script language="javascript">function opendialog(){varsomeValue=window.showModalDialog("new.htm","","dialogWidth=640px;dialogHeight=423px;s tatus=no;help=no;scrollbars=no")}</script>网页拾色器代码：<script language="javascript">function colorpick(field){var rtn = window.showModalDialog("color.htm","","dialogWidth:225px;dialogHeight:170px;status:no;help:no;scrolling=no;scrollbars=no");if(rtn!=null)field.style.background=rtn;return;}</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>网页拾色器</title></head><body><script language="JavaScript"><!--var h = new Array(6)h[0] = "FF";h[1] = "CC";h[2] = "99";h[3] = "66";h[4] = "33";h[5] = "00";function action(RGB) {//alert('您选择的颜色是:#'+RGB);parent.window.returnValue="#"+RGB;window.close();}function Mcell(R, G, B) {document.write('<td bgcolor="#' + R + G + B + '">');document.write('<a href="#" onClick="action(\'' + (R + G + B) + '\')">');document.write('<img border=0 height=12 width=12 \')" alt=\'#'+R+G+B+'\'>');document.write('</a>');document.write('</td>');}function Mtr(R, B) {document.write('<tr>');for (var i = 0; i < 6; ++i) {Mcell(R, h[i], B);}document.write('</tr>')}function Mtable(B) {document.write('<table cellpadding=0 cellspacing=0 border=0>');for (var i = 0; i < 6; ++i) {Mtr(h[i], B);}document.write('</table>');}function Mcube() {document.write('<table cellpadding=0 cellspacing=0 border=0><tr>'); // for (var i = 0; i < 6; ++i) {if(i%3==0){document.write('<tr>');}document.write('<td bgcolor="#FFFFFF">');Mtable(h[i])document.write('</td>');}if(i%3==0){document.write('</tr>');}document.write('</tr></table>');}Mcube()--></script></body>网页可见区域宽：document.body.clientWidth;网页可见区域高：document.body.clientHeight;网页可见区域宽：document.body.offsetWidth (包括边线的宽); 网页可见区域高：document.body.offsetHeight (包括边线的宽); 网页正文全文宽：document.body.scrollWidth;网页正文全文高：document.body.scrollHeight;网页被卷去的高：document.body.scrollTop;网页被卷去的左：document.body.scrollLeft;网页正文部分上：window.screenTop;网页正文部分左：window.screenLeft;屏幕分辨率的高：window.screen.height;屏幕分辨率的宽：window.screen.width;屏幕可用工作区高度：window.screen.availHeight; 屏幕可用工作区宽度：window.screen.availWidth;setInterval（function(),30）设置定时器；offsetInterval清除定时器Offsetleft当前的距离左边位置。
js笔记总结好的，以下是一份JavaScript的笔记总结：1. 基础语法：变量：使用`var`、`let`或`const`声明变量。
数据类型：JavaScript有7种数据类型，包括`Number`、`String`、`Boolean`、`Object`、`Null`、`Undefined`和Symbol。
函数：使用`function`关键字定义函数。
控制结构：如`if`、`for`、`while`等。
2. 面向对象编程：构造函数：使用构造函数创建对象。
原型链：JavaScript使用原型链实现继承。
原型和实例：每个JavaScript对象都有一个指向其原型的内部链接。
3. 数组和对象：数组：JavaScript中的数组是一种特殊的对象，用于表示和操作有序的数据。
对象：对象是一种复杂的数据类型，用于存储多个值作为键值对。
4. 事件处理：事件监听器：用于监听和响应用户与网页的交互。
5. 函数式编程：高阶函数：接受函数作为参数或返回函数的函数。
闭包：当一个函数在其词法作用域外部被引用时，就会形成一个闭包。
6. 异步编程：Promise：用于处理可能不立即完成的操作。
async/await：使异步代码看起来像同步代码。
7. 错误处理：try/catch/finally：用于捕获和处理运行时错误。
8. DOM操作：获取元素：使用`()`、`()`等。
修改元素：改变元素的内容、样式等。
9. 浏览器兼容性：使用工具如Babel将ES6+代码转换为ES5代码，以确保在所有浏览器中都能运行。
10. 性能优化：使用工具如Chrome DevTools进行性能分析，优化代码。
11. 模块化：使用模块化编程来组织和管理代码，例如使用ES6模块或CommonJS模块。
12. 工具和库：使用工具如webpack、Gulp等构建工具和库如React、Vue等前端框架，简化开发过程。
13. 测试和调试：使用工具如Jest、Mocha等进行单元测试和集成测试，使用console和debugger进行调试。
JavaScript学习笔记目录第一章CSS样式表 (1)1.1 什么是CSS (1)1.2 CSS的几种设置方式 (1)1.2.1 内联样式表 (1)1.2.2 嵌入样式表 (2)1.2.3 外部样式表 (2)1.2.4 输入样式表 (3)1.3 样式规则的选择器 (3)1.3.1 Html selector (3)1.3.2 class selector (3)第 2 章JAVASCRIPT的语法 (5)2.1 什么是脚本程序和JAV ASCRIPT (5)2.1.1 什么是脚本程序 (5)2.1.2 Javascrpit的简介 (5)2.2 脚本代码的位置 (6)2.2.1 也可将javascript放入到单独的一个文件js文件，在需要使用的时候引入: (6)2.2.2 在超连接中使用javascript (7)2.2.3 在button中也可使用javascript (7)2.3 JAV ASCRIPT的保留关键字 (7)2.4 JAV ASCRIPT的基本语法 (7)2.4.1 基本数据类型和常量 (8)2.4.2 变量: (8)2.4.3 运算符号 (9)2.5 JS的各个语句 (10)2.5.1 switch选择语句 (10)2.5.2 While循环语句 (11)2.5.3 do while 语句 (11)2.5.4 for循环语句 (12)2.5.5 break 与continue语句.....................................................错误！未定义书签。
2.6 JS的函数....................................................................................错误！未定义书签。
2.6.1 参数个数可变的函数.......................................................错误！未定义书签。
DAY01 基本使用什么是javascript发展历史javascript组成ECMAScript+BOM+DOM使用<script></script>标签document.write方法注释使用引入js文件的方式<script>标签的属性原样输出标签的内容变量的定义var （弱类型）变量命名规则(变量名应做到见名知意)alert方法的介绍变量的类型变量的计算关键字Break Else New varCase Finally Return void Catch For Switch whileContinue Function This withDefault If ThrowDelete In TryDo Instanceof Typeof保留字类型的转换赋值操作关系运算位运算(扩展)⏹var num= 25 & 3; //1⏹var num= 25 | 3; //27⏹var num = 2<< 3; //16⏹var num = 4^3; //代码规范问题将加法的案例改为可以做加减乘除、求余五种运算作业⏹今天课堂所有的例子代码，照敲两遍⏹入职薪水10K，每年涨幅5%，50年后工资多少？⏹为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？⏹小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。
它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
提示：摄氏度与芈氏度的转换公式为：摄氏度= 5/9.0*(华氏度-32)var k=0;alert(++k + k++ + ++k + k);DAY02 基本使用逻辑运算⏹&& 与、|| 或、! 否自增、自减⏹++a, a++⏹--a, a--十进制、八进制、十六进制(扩展)⏹var num = 100;⏹var num= 070;⏹var num= 079; //非八进制⏹var num= 0xA;var box = 0x1f;⏹var num= 0.8;⏹var num = .8; //不好的习惯，不推荐此写法，虽然有不少人这样写⏹var num = 12.0; //这样写会自动转为整数12，为了节省内存⏹var num = 4.12e9; //科学计数法NaN⏹当数学计算无法得到数字结果是，该变量的值为NaNvar num1 = 100-"abc";alert(num1);⏹注意：因为NaN代表非数字，它不等于任何值，也不能做运算，即使alert(NaN == NaN); 结果也是false⏹isNaN(num)函数，该函数判断num变量的值是否是NaNNumber()函数，可以将任意类型尝试转换为数字alert(Number(true)); //1，Boolean 类型的 true 和 false 分别转换成 1 和 0 alert(Number(25)); //25，数值型直接返回alert(Number(null)); //0，空对象返回 0alert(Number(undefined)); //NaN，undefined 返回 NaN如果是对象，则在转换数字失败后，调用toString方法获得返回值var box = {toString : function () {return '123'; //可以改成 return 'abc'查看效果}};alert(Number(box)); //123Object类型(简单了解)var str = new String("hehe");alert(typeof str); //结果也是object程序的三大结构⏹顺序结构⏹选择结构⏹循环结构if判断语句⏹注意大括号{} 有和没有的区别⏹else的作用⏹计算某一年是否是闰年、与或非的运用⏹else if的作用⏹成绩判定switch语句⏹案例：成绩判定、显示星期几⏹注意switch的应用场景⏹注意case穿透，要加break语句作业：⏹判断一个整数，属于哪个范围：大于0；小于0；等于0⏹判断一个整数是偶数还是奇数，并输出判断结果⏹开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。
一、JavaScript基础1.变量：区分大小写（html不区分大小写）变量和作用域：1)Js在函数内部直接读取全局变量2)在函数外部无法读取函数内部的局部变量3)在函数内部声明变量的时候，要使用var，如果不用，则认为声明的是全局变量2.标识符的命名：第一个字符必须是字母、下划线或$第二个字符及以后：字母、数字、下划线或￥3.保留字（不可以当做标识符）：4.声明变量：1)声明变量： var a；2)赋值： a=10；3)声明变量和初始化变量：var a=10；4)声明多个变量： var x，y，z=10；5)不声明变量，直接使用：x=105.数据类型：1)Typeof操作符：用来检测变量的数据类型：a)Undefined：未定义b)Boolean：布尔型c)String：字符串d)Number：数值e)Object：对象/nullf)Function：函数g)例如：Var sun=“太阳”；Alert（typeof sun）；2)Undefined类型：定义了一个变量但是没有给这个变量赋值、使用一个为定义的量、或者用了一个不存在的对象的属性的时候，返回undefined3)Null类型：空字符，表示不存在的值a)如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为null。
b)养成编码的规范，不要忘记初始化变量。
4)Boolean类型：true/false（小写）a)Var hello=“hello world”；a)alert（typeof hello）ength。
b)Sdc)重载：就是根据参数选择相同函数名而参数不同的函数6.调用函数的三种方式1)直接调用函数2)以call（）方法调用函数：需要动态传入一个函数引用（动态的调用函数）函数的引用.call（调用者，参数1，参数2）3)以apply（）方法调用函数4)Apply（）和call（）的区别：Call（）调用的时候，必须在括号内详细的列出每个参数Apply（）动态调用的时候，可以在括号中用arguments来代表所有参数7.对象的创建1)使用new关键字调用构造器创建对象2)使用object直接创建对象Js的对象都是object类的子类3)使用json创建对象二、语句1.Foreach循环：for（var 变量名 in 数组名）{ }2.For循环：for（var 变量名；范围；变量++/--） { }3.If语句4.While语句5.Do while语句6.Switch语句7.Break：跳出整个循环（当前所在的循环）Continue：结束本次循环，进行下一次循环跳出外层循环：设置标签，如图三、DOM（document object model）文档对象模型1.DOM HTML1)改变HTML内容：(id).innerHTML = new html; =新内容或者：2)改变HTML属性(id).attribute = new value; id.属性=新的属性值2.DOM CSS(id).=new style; .属性=新的属性值3.DOM事件1)Onclick事件：在html元素上点击执行function；2)Ondblclick时间：双击触发3)Onload事件/onunload事件共同点：在用户进入或者离开页面的时候被触发；用于处理cookie不同点：onload检测发访问者的浏览器类型和版本，加载网页的正确版本4)Onchange事件：对输入的字段进行验证5)Onmouseover/onmouseout事件：鼠标放在元素上面/移动的时候触发函数类似伪元素选择器：hover，不同在于这个触发函数6)Onmousedown/onmouseup事件：点击按钮的时候触发事件1，松开鼠标后，触发事件2，最后结束的时候，类似事件onclick。
Javascript三颗***：重点正课：1. 什么是js2. 如何编写，如何运行，如何调试js程序3. ***变量4. ***数据类型1. 什么是js：前端三大语言：HTML：专门编写网页内容的语言CSS：专门美化网页样式的语言*************************************************交互：输入数据，处理数据，返回结果JavaScript：专门编写网页交互的语言程序：让计算机可以执行任务的指令的序列Netscape：网景客户端脚本语言：LiveScriptSun Java——“write once run anywhere”LiveScript: JavaScript"像极了Java，但比Java简单的多"JavaScript-->ECMA-->ECMAScript:行业标准，规定核心语法！Netscape：遵照标准实现JavaScriptMicrosoft：遵照标准实现JScriptW3C：DOM标准：专门操作网页内容的API标准JavaScript：ECMAScript(核心语法)+DOM(专门操作网页内容)BOM(专门操作浏览器窗口)2004：Mozilla Firefox2. 如何使用：运行方式：2种：1. 使用浏览器自带的js引擎：浏览器中包含两个引擎：内容排版引擎：负责加载HTML内容，渲染css样式js解释器/引擎：负责解释，并执行js程序浏览器控制台：专门调试程序，显示输出结果的浏览器窗口第一行脚本：console.log("Hello World");console指控制台.翻译为"的"log是控制台提供的一个现有功能，用来记录一行话强调：2点：1. js中凡是要输出的正文都要用引号包裹，但单双引号不分2. js区分大小写！js规定小写的名称，就必须小写！document.write("...");//使用网页的写入方法，向网页内容中写入HTML内容window.alert("...");//使用窗口的警告功能，弹出警告框，显示自定义警告内容。
运算符算术运算符数字是用来计算的，比如：乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。
算术运算符：也叫数学运算符，主要包括加、减、乘、除、取余（求模）等注意：在计算失败时，显示的结果是 NaN （not a number）赋值运算符赋值运算符：对变量进行赋值的运算符= 将等号右边的值赋予给左边, 要求左边必须是一个容器自增/自减运算符1.++在前和++在后在单独使用时二者并没有差别，而且一般开发中我们都是独立使用2.++在后（后缀式）我们会使用更多注意：1.只有变量能够使用自增和自减运算符2.++、-- 可以在变量前面也可以在变量后面，比如: x++ 或者 ++x比较运算符使用场景：比较两个数据大小、是否相等，根据比较结果返回一个布尔值（true / false）逻辑运算符使用场景：可以把多个布尔值放到一起运算，最终返回一个布尔值运算符优先级逻辑运算符优先级：！> && > ||语句表达式和语句分支语句分支语句可以根据条件判定真假，来选择性的执行想要的代码分支语句包含：1.if分支语句（重点）2.三元运算符3.switch语句if 分支语句语法：小括号内的条件结果是布尔值，为 true 时，进入大括号里执行代码；为false，则不执行大括号里面代码小括号内的结果若不是布尔类型时，会发生类型转换为布尔值，类似Boolean() 如果大括号只有一个语句，大括号可以省略，但是，俺们不提倡这么做~if双分支语句如果有两个条件的时候，可以使用 if else 双分支语句例如：if 多分支语句使用场景：适合于有多个条件的时候三元运算符（三元表达式）使用场景：一些简单的双分支，可以使用三元运算符（三元表达式），写起来比 if else双分支更简单符号：? 与 : 配合使用语法：例如：switch语句（了解）使用场景：适合于有多个条件的时候，也属于分支语句，大部分情况下和 if多分支语句功能相同注意：1.switch case语句一般用于等值判断, if适合于区间判断2.switchcase一般需要配合break关键字使用没有break会造成case穿透3.if 多分支语句开发要比switch更重要，使用也更多例如：断点调试作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug浏览器打开调试界面1.按F12打开开发者工具2.点到源代码一栏（ sources ）3.选择代码文件断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来循环语句使用场景：重复执行指定的一段代码，比如我们想要输出10次 '我学的很棒' 学习路径：1.while循环2.for 循环（重点）while循环while : 在…. 期间，所以while循环就是在满足条件期间，重复执行某些代码。
JavaScript1、JavaScript是什么？ (2)2、 JavaScript的组成部分 (2)1）、ECMAScript (2)2）、DOM (2)3）、BOM (3)3、 ECMAScript(语言基础) (3)1）、标识符 (3)2）、语句 (3)3）、大小写敏感 (3)4）、弱类型语言 (3)5）、注释 (3)6）、数据类型 (4)(1)、基本类型 (4)(2)、数据类型的转换 (4)(3)、字符串常用的属性和方法 (5)(4)、引用类型（后面讲） (5)7）、数组 (5)(1)、创建数组 (5)(2)、创建多维数组 (6)(3)、数组的排序 (6)(4)、数组的常用属性和方法 (6)8）、函数 (6)(1)、基本语法 (6)(2)、函数可以与返回值 (6)(3)、注意 (7)4、DOM (7)1）、dom是什么？ (7)2）、w3c dom模型 (7)(1)、基本结构(了解) (7)(2)、操作 (8)5、BOM (9)1）、什么是bom？ (9)2）、window对象 (9)3）、location对象 (11)4）、document对象 (11)5）、navigator对象 (11)6）、screen对象 (11)6、事件处理机制 (11)1）、事件绑定 (11)2）、事件绑订的方式 (11)3）、如何获得事件对象 (12)4）、事件对象的作用 (12)5）、事件冒泡 (12)7、引用类型 (12)1）、Object (12)2）、Array(略) (13)3）、Date (13)4）、RegExp (13)5）、Function类型(所有的函数都是） (13)1、JavaScript是什么？是由网景公司开发的一种用来操作浏览器，操作网页(对网页进行动态的交互，实现动态的效果)的一种脚本。
由浏览器来解释执行。
2、JavaScript的组成部分1）、ECMAScript由ECMA组织制定的一个脚本语言规范，该规范定义了脚本语言的语言基础部分（包括数据类型、关键字、标识符、对象、语句、运算符）。
js介绍 (3)js语言的基本语法要求： (3)变量： (3)变量命名基本规则： (4)firebug调错： (4)数据类型 (5)传值方式： (6)算术运算符： (7)比较运算符： (7)逻辑运算符： (8)位运算符 (8)运算符的优先级问题： (9)流程控制语句之if分支结构： (10)流程控制语句之switch分支结构： (11)流程控制语句之while循环结构： (12)流程控制语句之do while循环结构： (12)流程控制语句之for循环结构： (13)函数 (13)使用firebug调试js程序 (14)变量作用域 (15)系统内部函数 (16)数组 (17)数组 (18)数组扩展 (18)数组常用内置操作（数组方法） (19)字符串对象： (20)Math（数学）对象： (21)Date对象（时间日期对象） (22)网页中的对象介绍 (23)网页中的标签对象 (23)常用具体事件 (24)事件对象——event对象： (25)window对象 (25)网页中的对象体系（ＢＯＭ）： (27)window对象的定时器方法 (27)找对象的办法大全 (28)iframe内嵌窗口标签 (29)零碎： (29)作业讲解——tab浏览模式原理 (30)操作一个对象的class值： (30)location对象 (30)screen对象： (31)history对象： (31)navigator对象 (32)DOM介绍 (32)表格对象的两个特殊集合 (34)DOM常用方法 (34)表单验证原理 (35)js介绍javascript语言：web编程——写出的程序会在浏览器中运行——js语言是web编程的必备语言。
基础班：6天：html+css8-9天：javascript6天：php基础就业班：javascript：5+3+2左右观念的转变：html+css：可以认为是一种“可见效果的”语言——想要达到什么效果，只要直接写出该对应的标签或属性就可以。
javascript：是一种要通过“按逻辑运行并计算”而在得到结果。
js语言的基本语法要求：js语言可以认为是“一行一行”（一条一条），一行被认为是一条语句。
一条语句可以独立执行。
1，一条语句使用一个英文分号结束2，注释有两种：a)单行注释：“//”表示其后的内容都是注释b)多行注释：/* ….. */ 表示其中的内容都是注释。
3，ja语言是区分大小写的语言——绝对不可以写错大小写4，语言中使用的大括号，小括号，中括号都是成对出现，必须前后匹配5，特别注意：ｊｓ语言编程中所使用的所有“符号”都是英文半角符号变量：变量：用于存放（存储）一个数据的名字（代号），此名字我们可以自己来命名。
变量只是一个名字，是一个代号。
定义变量的形式：var 变量名；给变量赋值的形式：（赋值就是把值存到变量中）变量名x = 值1；//将值1赋给变量x常见的形式是定义变量的同时给其赋值，如下：var 变量名x = 值1；注：1，变量只需要定义一次。
其后就可以给其赋值——多次赋值也没问题。
2，变量赋值的等号（=）不是数学上的相等含义，而是指：将等号右边的值赋值给等号左边的变量。
3，特别注意：等号（其实叫做“赋值号”）的左边只能是一个变量（属性）alert（弹出内容/数据）document.write(输出内容/数据)这里：“内容/数据”可以是接的手写数据（比如1, 3.3, “abc”）, 也可以是变量（其实是输出变量所代表的数据，还可以是表达式（的计算结果数据）alert( 3 + 5 * 7 – 10 )document.write( 3 + 5 * 7 – 10 )var i = 50;alert( i*3 + 3 * 5 – i / 4 )变量命名基本规则：1，变量只能使用字母或下划线开头（字母可以大小写）2，变量第一个字符之后可以使用字母，下划线和数字，也可以没有（此时变量就只有一个符号）3，变量不能使用js语言中的关键字（就是js语法所需，不允许别人用的词），比如：var，alert，if4，变量名最少1个字符，不能太长，具体多少（未知）？这里，变量的命名规则也适用于我们之前学习的html中的id名，class名，name值，类似下面：<input type=”text”name=”n1”id=”d1”class=”c1” />这些命名规则也适用于以后的很多可以自己命名的地方。
firebug调错：错误提示：SyntaxError: illegal character：翻译：语法错误：非法的字符数据类型你吃早饭了吗？——吃了/没吃——描述吃没吃这件事只有2个可用的数据：是/否（假设回答了“吃了”）你吃什么了？——“油条”, “包子”, “馒头”, ……描述该问题的答案的数据，有很多很多，且基本可以认为是“文字性内容”（假设回答了“包子”）那你吃了几个？——1个，3个，10个，…… 描述该问题的答案的数据是一个“数字”基本数据类型：数字型：number：var v1 = 1; var v2 = 2.2; var v3 = 12.345字符型：string：使用单引号或双引号因起来的“任何内容”var v4 = “abc”; var v5 = “中国”; var v6 =”123”; var v7 = ‘abc中国123’; var v8 = “”;布尔型：bool（boolean）：用于描述一种只有两个状态（选项/方面….）的数据，该种数据类型的数据永远只有2个：true（表示真），false（表示假）复合数据类型：数组类型：array，无非是将多个数据以一定的顺序排列为一个整体——该整体称为“数组”。
var a1 = [ 1, 2.2, “abc”, “123”, true, false, 55 ];对象类型：object, 无非是将多个数据并给每个数据命个名（以及一些“动作”）而组合成为一个整体——该整体称为“对象”var obj1 = {name: “小花”，age: 18，graduation: true} // graduation表示“大学毕业”特殊数据类型：空类型：null，null类型只有一个数据，那就是null，在其内部，其实会被typeof识别为object类型解释：null通常表示该变量中“没有值”，或者“值是空（null）”var v11 = null; //此时v11是“空”（空值），其实用此类型来表示该变量“未来”准备存放object类型未定义类型：undefined，undefined类型只有一个数据，那就是undefined，通常一个变量在定义之后没有赋值，就是undefinedvar v12; //此时v12是undefined类型var v13 = undefined; //此时v13也是undefined类型使用ｔｙｐｅｏｆ（）可以获取一个变量的类型：不过数组和ｎｕｌｌ被归到ｏｂｊｅｃｔ类型：举例：var s1 = 1; var s2 = “abc”; var s3 = true; var s4 = {a:1};alert( typeof(s1) ); //number传值方式：传值就是指将一个变量的值传递给另一个变量！讲一个变量的值传递给另一个变量，有2种不同的方式；1，赋值传值（值传递）：将变量a的值拷贝一份之后，赋值给变量b。
传值之后他们中包含的数据是一样的（相等／相同），但他们是两个互相独立的没有关系的变量，其后他们的变化不影响对象。
a)简单（基本）数据类型（数字，字符，布尔）使用的是赋值传值。
2，引用传值（传地址）：将变量ａ的地址拷贝一份之后，赋值给变量ｂ。
传值之后他们中包含的数据是一样的（相等／相同）。
实际上，他们其实就是“一个数据”，只是用了２个不同的名字而已，类似一个人有不同的名字（李白，李太白，诗仙）a)所谓变量的地址，就是内存空间分配的一个编号。
b)对于复合数据类型，实际上它的变量名和变量的数据是分开存储的，变量名所在的位置存储的只是一个地址，该地址指向（对应）其实际值的存放位置。
c)复合数据类型（对象或数字类型）的变量传值的时候就是使用引用传值算术运算符：+：加“+”实际上还有“字符串连接”的含义（作用），怎么区分：如果“+”号的两边只要出现了字符串，则该加号就应该按“字符串连接”这个功能来使用（理解）：var r1 = “abc” + 5 + 6; //”abc56”var r2 = “123” + 5 + 6; //”12356”var r3 = 1+2+"123"；//”3123”——版权所有——李博-：减*：乘/：除%：取余：取得一个数除以另一个数之后的“余数”，比如10%3结果是1，11%4的结果是3。
取余也叫做“取模”：10%3读作“10模3”++:加加运算符：基本含义：将一个变量的值“自加1”运算符类型：单目运算符总结：1，++符号总是对自身加一，不管放在变量前面还是后面。
2，如果自加运算出现在赋值语句中，则“++”符号放在变量的前面还是后面，会对被赋值的变量产生不同的影响：a)如果“++”放在变量后面，则会先进行赋值运算（此时自加运算还没有进行），然后再自加。
b)如果“++”放在变量前面，则会先自加运算，然后再进行赋值-- :减减运算符：基本规则同“++”，只是自减1运算。
比较运算符：有：> >= < <= == != === !====: 相等，等于，通常是一种“模糊相等”（看起来相等），数据似乎相等===：全等于，是指两个数据的数据类型和数据内容都要相等。
逻辑运算符：逻辑运算符有3个：&&：与||：或！: 非逻辑运算符其实只是针对布尔值进行运算——如果不是布尔值，会自动转为布尔值再进行运算。
逻辑与：逻辑与的真值表（运算表）：逻辑或：逻辑非：位运算符前提：位运算符都是针对数字类型的二进制进行。
位运算符有：&（按位与）|（按位或）~（按位非）<<（按位左移）>>（按位右移）^（按位异或）按位与运算符：形式：var v1 = n1 & n2; //其中n1，n2都是数字含义：将n1的二进制和n2的二进制的每一个位上的对应数字（只有0和1）进行“与”运算之后的结果。
二进制与运算的规则是：只有两个都是1，结果才是1举例：var v1 = 9 & 17；9（10）= 8（10）+ 1(10) = 2 + 2 = 1000(2) + 1(2) = 1001(2)13(10) = 16(10) + 1(10) = 24 + 20 = 10000(2) + 1(2) = 10001(2)按位或运算符：形式：var v1 = n1 | n2; //其中n1，n2都是数字含义：将n1的二进制和n2的二进制的每一个位上的对应数字（只有0和1）进行“或”运算之后的结果。
