moran_123的博客

获取内联样式 获取元素的当前显示的样式 语法:元素.currentStyle.样式名 它可以用来读取当前元素正在显示的样式 如果当前元素没有设置该样式，则获取它的默认值 仅支持ie(那不就没用吗？) 在其他浏览器中可以使用 getComputedStyle( )来获取元素当前的样式 这个方法是window的方法，可以直接使用 需要两个参数 第一个:要获取样式的元素 第二个:可以传递一个伪元素，一般都传 nu11 该方法会返回一个对象，对象中封装了当前元素对应的样式，可以通过对象.样式名来读取样式 如果

4-1 JavaScript DOM DOM查询 在document中有一个属性body,它保存的是body的引用 document . documentE1ement保存的是htm1根标签 document . a11代表页面中所有的元素 getElementsByClassName( ) 根据元素的clas s属性值查询一组元素节点对象 getElementsByClassName( )可以根据class属性值获取一组元素节点对象 但是该方法不支持IE8及以下的浏览器 document . qu

3-31 javascript DOM 获取元素节点的子节点 ●通过具体的元素节点调用. getElementsBy TagName() 方法,返回当前节点的指定标签名后代节点 childNodes ， 属性,表示当前节点的所有子节点 childNodes属性会获取包括文本节点在内的所有节点 根据DOM标签标签间空白也会当成文本节点 children属性可以获取当前元素的所有子元素 firstChild 属性,表示当前节点的第一 个子节点 lastChild 属性，表示当前节点

3-29 javascript DOM 节点Node 文档节点:整个HTML文档 元素节点: HTML文档中的HTML标签 属性节点:元素的属性 文本节点: HTML标签中的文本内容 浏览器已经为我们提供文档节点对象这个对象是window属性，可以在页面中直接使用，文档节点代表的是整个网页 获取元素节点 通过document对象调用: getElementById() 通过id属性获取-个元素节点对象 getElementsBy TagName() 通过标签名获取一组元素节点对

3-25 javascript 正则表达式 正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，将字符串中符合规则的内容提取出来 创建正则表达式的对象，var 变量 = new RegExp( “正则表达式” , “匹配模式”) ; 正则表达式的方法:test( ) 使用这个方法可以用来检查一个字符串是 否符合正则表达式的规则，如果符合则返回true,否则返回false 在构造函数中可以传递一个匹配模式作为第二个参数，可以是 i忽略大小写 g全局匹配模式 可以为一

3-24 javascript Date 对象 在JS中使用Date对象来表示一个时间 如果直接使用构造函数创建一 个Date对象，则会封装为当前代码执行的时间 创建一个指定的时间对象，需要在构造函数中传递一个表示时间的字符串作为参数 日期的格式月份/日/年 时:分:秒 //创建一个Date对象 // 如果直接使用构造函数创建一 个Date对象，则会封装为当前代码执行的时间 // var d = new Date(); // alert(d);//当前代码执行的时间 // 创建一个指定的事件对象 v

3-21JavaScript 数组 数组的基本语法 //创建一个数组(两种) var arr = new Array(); var arr = []; //向数组最后一个位置添加元素 arr[arr.length] = 1; //数组也可以存函数 arr = [function(){alert(1)},function(){alert(2)}]; arr[0]();//调用数组函数 //数组中也可以放数组(二维数组) arr = [[1,2,3], ["a", "b"]]; console.log(a

3-19JavaScript 原型prototype 我们所创建的每一 个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一 个对象，这个对象就是我们所谓的原型对象 如果函数作为普通函数调用prototype没有任何作用 当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过__ proto__ 来访问该属性 原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型

3-19JavaScript 原型prototype 我们所创建的每一 个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一 个对象，这个对象就是我们所谓的原型对象 如果函数作为普通函数调用prototype没有任何作用 当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过__ proto__ 来访问该属性 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-406dGfMP-1647702480436

JavaScript3/18 this 解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this this指向的是一个对象，这个对象我们称为函数执行的上下文对象 根据函数的调用方式的不同，this会指向不同的对象 以函数的形式调用时，this是wi ndow 以方法的形式调用时，this就是调用方法的那个对象 工厂模式 //工厂模式创建对象 // 新建一个创建对象函数 function creatObject(name ,age ,gender

javascript 3/13 数据类型 动态属性 var person = new Object();//构造一个对象存入person中 person.name = "Nicholas";//为该对象添加了一个名为name 的属性并赋值 注：不可以给基本数据类型添加属性 复制变量值 复制引用数据类型的变量即两个变量指向同一个对象 函数 立即执行函数 无参的立即执行函数 (function（）{ alert("hhh"); } )();//（）中写入匿名函数代表一个整体，这个整体就是立即执行函数

watch:{ // 监听题目多少，变化调用函数收起打开折叠面板 'topiclength': function(val){ this.num++ if(this.num != 1){ console.log('num=',this.num,"val=",val); this.shrink() } console.log("topiclength监听",val); } }, TIPS: （1）..