DOM:document object model 文档对象模型DOM就是描述整个html页面中节点关系的图谱,可以如下图理解 在DOM中,提供了很多的获取元素的方法和之间关系的属性以及操作这些元素的方法。1、获取页面中元素的方法document.getElementById('元素的ID')    注意:如果页面中的id重复了,那么这个方法默认只获得第一个元素      在ie6、7中            
                
         
            
            
            
            目录ES5语法获取操作元素通过id获取元素通过class获取元素通过name获取元素通过标签名获取元素ES6语法获取操作元素通过css选择器获取单个元素通过css选择器获取多个元素成功获取元素浏览器控制台截图首先给出一段基本的代码,准备好需要获取的元素:(注意:以下获取元素的操作都是在本段代码的基础上获取的!!!)<body>
    <div id="IdBox">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-24 20:25:28
                            
                                62阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、对象属性简洁表达  ES6 中,如果属性值是一个变量,如果对象的属性名和属性值相同,那么就可以使用简洁写法let key = "key"
let value = "value"
let obj = {key, value}  属性的方法也可以简写let obj = {
  method() { console.log("方法简写") }          
}
// 常用于 setter 和            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-23 22:03:52
                            
                                58阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            今天分享一下es6的新增属性1.声明方式: let和const 使用var 声明的变量有变量提升,可以重复声明 使用let 声明的变量没有变量提升,不能被重复声明,又给块级作用域遇到{}就会产生作用域 let a = 0; const和let 类似 没有变量提升,不能被重复声明,一开始声明的时候就赋值 被const声明变量类似于常量(一旦被声明就不能再修改了) 数组和对象可以修改(对象修改属性,数            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-25 21:12:48
                            
                                44阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在ECMAScript5(简称 ES5)中,有三种 for 循环,分别是:简单for循环for-inforEach在2015年6月份发布的ECMAScript6(简称 ES6)中,新增了一种循环,是:for-of下面我们就来看看这 4 种 for 循环。简单 for 循环下面先来看看大家最常见的一种写法:当数组长度在循环过程中不会改变时,我们应将数组长度用变量存储起来,这样会获得更好的效率,下面是            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-24 22:29:51
                            
                                164阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            创建对象ES6 提供了更接近传统语言的写法来进行创建对象~还是直接先上栗子吧,这样更直观ES6之前的写法:function Point(x, y) {
  this.x = x;
  this.y = y;
}
Point.prototype.toString = function () {
  return '(' + this.x + ', ' + this.y + ')';
};
var            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-15 15:16:07
                            
                                48阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            字符串的扩展一、 字符串的遍历器接口ES6 为字符串添加了遍历器接口,使得字符串可以被for...of循环遍历。for (let codePoint of 'foo') {
console.log(codePoint)
}
// "f"
// "o"二、includes(), startsWith(), endsWith()传统上, JavaScript 只有indexOf方法,可以用来确定一个字            
                
         
            
            
            
              新增方法Object.is()JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。同值相等(Same-value equality),与 === 的行为基本一致。+0 === -0   // true
    Object.is(+0, -0)   // false
    
    NaN === NaN     // false
    Object.is            
                
         
            
            
            
            第一部分介绍Es6中遍历数组的方法1.keys, values ,entriesES6提供三个新的方法 ----entries(),keys(), values() ,用于遍历数组,他们会返回一个遍历器对象,可以用for of 循环进行遍历  for (let index of ['a', 'b'].keys()) {
console.log(index);
}
// 0
// 1
for (le            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-08 14:32:07
                            
                                25阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            类:描述一个抽象的事物,泛指某一大类;对象:描述一个具体的事物,特指某一个,通过实例化获取一个具体的对象面向对象的思维特点:将对象共用的的属性和方法抽取出来,封装成一个模板(类),然后对类进行实例化,获取累的对象。对象:在生活总,万物皆对象,对象是一个具体的事物;在JS中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象。对象由属性和方法构成。 3.1 属性:事物的特征 3.2 方法:事物            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-03 13:22:18
                            
                                50阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录一、一图胜千言二、重点函数说明1、map和forEach2、filter (过滤)3、some(任意)、every(全部)4、reduce (累计)语法默认值的作用常见应用 一、一图胜千言前端开发中,js数组处理是最常用的,除了for循环外,随着es6的普及,像reduce()、filter()、map()、some()、every()以及…展开属性都是最常用到的。 今天偶然从网上看到这            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-28 10:56:38
                            
                                436阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            首先,在JavaScript中对象是个很重要的概念,因为在JavaScript中一切都是对象,无论是函数,还是数组。同样,ES6这次也带来了一些新特性。能够帮助我们更加轻松与准确的完成想要完成的目标。对象字面量语法拓展对象字面量属性简写在ES6之前。我们使用字面量创建属性,会写一个属性名,后面跟一个":",最后跟着属性值。看起来一切都是很简洁的,但是在属性值与属性名同名时,这就很痛苦了,每次都要写            
                
         
            
            
            
            对象分类ES6 规范明确定义了对象的每种类别:普通对象:拥有js对象所有默认的内部行为奇异对象:其内部行为在某些方面有别于默认行为标准对象:如Array、Date等。标准对象可以是普通的,也可以是奇异的内置对象:由js运行环境提供的对象。所有的标准对象都是内置对象。对象字面量ES6用几种方式扩展了对象字面量:属性值简写在以前,对象字面量是键值对的集合,属性值在初始化的时候可能会有重复:functi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-19 16:30:43
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录前言一、ES6 对象二、对象合并三、ES6 字符串四、ES6 类的定义及使用五、Class 表达式六、super 关键字总结 前言本文会简要介绍 ES6 对象和 ES6 类的定义及使用。一、ES6 对象属性简化写法ES5 我们对于对象都是以键值对的形式书写,是有可能出现键值对重名的。function people(name, age) {
  return {
    name: nam            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-17 10:44:41
                            
                                96阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            对象字面量 属性的简洁表示法 ES6允许对象的属性直接写变量,这时候属性名是变量名,属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; console.log(person); //{age: 12, na        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-04-10 19:12:00
                            
                                138阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)0. 创建对象的三种方式0.1 使用对象字面量创建对象:就是花括号 { } 里面包含了表达这个具体事物(对象)的属性和方法;{ } 里面采取键值对的形式表示            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-13 15:11:23
                            
                                177阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言今天给大家讲js数组的迭代方法,我之前对于这个一直是处于迷糊的状态,今天看了书,一下子理清了,决定和大家分享一下。ECMAscript为数组定义了五个迭代方法1.every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。2.filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。3.forEach() 方法对数组            
                
         
            
            
            
            1. 对象再JavaScript中,对象是一组无序相关属性和方法的集合,所有事物都是对象,例如,字符串、数值、数组、函数等。对象是由属性和方法组成的:属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)2. 类在ES6中新增了类的概念,可以使用class关键字声明一个类,之后这个类来实例化对象。类抽象了对象的公共部分,它泛指某一大类对象特指某一个,通            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-19 13:41:51
                            
                                37阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.1 对象在 Javascript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的:属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)1.2 类 class类抽象了对象的公共部分,它泛指某一大类(class)对象特指某一个,通过实例化一个具体的对象面向对象的思维特点:1、抽取            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-10 20:49:15
                            
                                108阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            对象对象(object)是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级,我们来了解一下对象的扩展和新增方法1.属性的简洁表示法ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。const age = 12;
const name = "Amy";
const person = {age, name};
person   //{age:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-21 09:36:21
                            
                                60阅读