javaScript基础(3)

string 字符串 1.字符串必须用‘ ’ 或者 “ ”，引起来的一段字符内容，在表示字符串的时候，不能在双引号表示的字符串中使用双引号 2.字符串可以是空的字符串 3.字符串双引号或者单引号里可以嵌套另一种字符串的引号 4.空格在字符串里是占位的 var sty1 = “ 123 123” 5.获取字符串的长度==length var str2 = “1234567890” consol.log(str1,str2.length) 6.\n特殊字符表示换行 var n1 = “你好\n啊” 7.如果就是需要使用相同的引号嵌套，需要使用转义符’用 \ 表示 var n2 = ”开\"始\"了“ 特殊数值 lnfinity 无穷大 当数值超过浮点数 Number 数字类型 数字类型就是在程序中用来表示数字的一种类型包含了（小数，整数，正数，负数） 在数字类型中还包含了几个数字常用量，nan，Number.MAX_VALUE，Number.MIN_VALUE，Infinity boolean布尔值 布尔值在程序中用来表示真假对错，只有两个特殊的值，true、false Undefined: 只有一个值的特殊数据类型，只有一个值Undefined表示未定义的意思,一般变量未赋值的时候默认值就是undefined，在变量定义之前访问会有一个变量提升的特性访问的结果也是undefined Nul: null是空对象的意思，不占据计算机的存储空间，表示啥也没有 Array 数组: 数组是使用[中括号表示的值，数组中可以有多个值，多个值和值之间使用逗号进行分割，数组中每一个值可以是任意的其他数据类型，在使用数组的时候可以使用·数组[index]·的方式获取到对应位置的那个值 Object:对象：数据转换 对象是使用表示的一组值，对象中可以包含任意属性，他的表现形式是以键值对的形式出现，{·名字:值，名字:值·小，对应的属性通过·对象属性名 进行获取 或者·对象[属性名]·获取 数据转换： 在js中可以使用typeof 来检测一个位置数据的数据类型 typeof null ，typeof [] , typeof {} ,返回的都是‘object’   js中所有类型都有原始对象，都是由对应的对象进行创建的 判断数据类型的方式 1.使用typeof关键字，进行判断，但是typeof无法区分0bject、Null、Array 2.读取constructor 【康斯chua可特尔】 看constructor是否指向对应的构造函数Number，Array，0bject,Boolean, String)，但是null和undefined没有constructor 3.跨原型调用tostring方法，bject.prototype.tostring.call(标识符 或者 数据)返回该值的对象描述字符串   +号运算符有两个计算功能数值求和，字符串拼接，在js里要是和字符串相加都会变成字符串 数据类型的转换 《强制类型转换》和 《隐式类型转换》 其他类型如何转换为字符串 1.通过string方法进强制转换 2.通过调用 数据.tostring 方法进行转换，但是null和undefined没有tostring方法 3.+号会把另一个非字符串的值转换为字符串 4.数字有几个特殊的转换字符串方法 4.1toFixed() 能够把数值转换为符串，并显示小数点后的指定位数。 4.2 toExponential(length)可以将数字转换为科学记数法的表示方式 4.3toPrecision()·可以将数字转换为科学记数法的表示方式 转换结果： true => 'true' false => 'false' 1 => '1' null => 'null' undefined => 'undefined' [1,2,3] => '1,2,3' {} => '[Object object]' 其他类型转数字的方式： 1.通过number（数据）方法进行强制转换 2.通过parseint（数据） 方法进行强制转换，一般用于字符串转数字，返回值都是nan或者整数 3.通过parseFloat(数据)可以识别小数点 4.除了和字符串进行加号运算其他情况均会吧另一个数字转换成数字 转换结果： true=> 1 false=>0 '12'=>12 '' => 0 '12a'=>NaN null=>0 undefined=>NaN [1,2,3]=>·NaN []=>0 [1]=>1 {} => NaN 转布尔值的方式： 1.通过boolean（数据）方法进行强制转换 2.在条件语句中会做隐式转换 转换结果： 1=>true 0=>false '12'=>true '' => false '12' => true null => false undefined=>false [1,2,3]=>true [] => true [1]>true {} => true NaN => false 作用域与予解析 使用var·声明变量和不使用var声明变量的区别? 1、使用var·声明的变量是局部变量、不使用var声明的变量是全局变量 2、在环境执行的时候降var声明的变量提升至作用域的顶部、不使用var声明的变量不回提升 全局和局部变量的区别: 1、全局变量可以在任意作用中都可以访问到，局部作用域只能是当前作用域和当前作用域的子孙作用域中访问 2、全局变量会存储数据至网页关闭，局部变量是当前作用域执行完毕后立即自动销毁 作用域链: 1.在i5中作用域和作用域是可以嵌套的，在某一个作用域中访问一个变量，会先从当前作用域开始查找如果没有去上层作用域中查找 2.上层没有在上层，这样逐层查找找到全局作用域为止，找不到就抛出一个未定义的错误，这样的查找的方式就叫《作用域链》   字符串操作方法： * length 字符串中字符长度 * trim() 清除字符串前后空格 * charAt(index) 返回对应位置的字符串 * indexOf(str) 查询某个子字符串，在当前字符串中的位置，如果没有就返回-1 * lastIndexOf(str) * substr(startIndex, length) 截取字符串中从某一个位置开始， 截取几个 从start位置开始（索引号），length取的个数 重点 * substring(start, end) 从start位置开始，截取到end位置，end取不到 基本和slice相同，但是不接受负值 * slice(startIndex, endIndex) 截取字符串中从某一个位置开始，到某一个位置的前一个结束 * replace(被替换的字符，替换为的字符) 替换字符，只会替换第一个 敏感词 * concat(str1, str2, str3, ...) 将多个字符串合并成一个新字符串 用于连接俩个或多个字符串。拼接字符串，等效于+， +更常用 * split() 将字符串以特定的字符分割成数组，接受一个参数（分割符），返‘【 回通过字符串分割后的一个数组 * toUpperCase() // 将字母转换大写 * toLowerCase() // 将字母转换小写 数组： * 改变原数组 * push() 向数组的结尾添加一个或者多个新的数组元素 注意会修改原数组 * pop() 向数组的结尾删除一个数组元素 无参数，修改原数组 * unshift() 向数组的开头添加一个或者多个新的数组元素 注意会修改原数组 * shift() 向数组的开头删除一个数组元素 无参数，修改原数组 * reverse() 颠倒数组中元素的顺序，无参数 会改变原来的数组，返回新数组 * sort() 排序 对数组的元素进行排序 会改变原来的数组，返回新数组 * splice() 可以实习数组的添加、修改、删除、替换等等 * 接受多个参数： * 1、开始位置 * 2、删除个数 * 3n、新元素 * 返回被删除的数组元素 * * 转换方法 * toString() 将数组转换为字符串，数组项和项直接用逗号进行分割 * join() 将数组转换成以制定符号分割的字符串 * * 查询方法 * indexOf(str) 查询某个子项，在当前数组中的位置，如果没有就返回-1，如果有返回对应的index索引 * lastIndexOf(str) * slice(startIndex, endIndex) * * 返回新数组 * concat() 合并多个数组为一个数组 * Math: 数字 * min 最小 * max 最大 * abs 绝对值 隐式转换 字符串型的数字 * pow 返回 x 的 y 次幂 * random 随机的 * floor 向下取整 * ceil 向上取整 * round 四舍五入 Date对象   DOM对象 通过id名字获取 var box=document.getElementById( ' box') var ul= document.getElementsByClassName( 'news-list') var lis =document.getElementsByTagName( li') var names = document.getElementsByName('aa') 通过选择器查询匹配的所有元素 var fristListLis = document.querySelectorAll('.listli') 通过选择器查询匹配的第一个元素 fristListLi= document.querySelector(',list li') 事件是由三部分组成:事件源、事件类型、事件处理程序，也称为事件三要素 事件源: 事件被触发的对象 事件类型:如何触发，什么事件，比如鼠标点击、鼠标经过、键盘按下 事件处理程序: 通过一个函数赋值的方式完成    改变元素内容： element.innerText 从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉 element.innerHTML 起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行 innerText 与 innerHTML的区别： 1. innerText不识别标签，去除换行和空格 2. innerHTML识别标签，保留空格和换行 3. 这俩个属性是可读写的，可以获取元素里面的内容 节点 在document文档中的一切都是节点，常见的节点类型(文本节点、元素节点、注释节点、属性节点) none nodeType的属性，用来区分节点类型 nodeType===1 元素节点 nodeType ===2 属性节点 nodeType===3 文本节点 nodeType===8 注释节点 nodeName属性，返回节点名称 元素节点nodeName 返回大写标签名 文本节点nodeName 返回 #text 注释节点nodeName 返回 #comment 属性节点·nodeName ·返回属性的名称 nodeValue属性，返回节点值 元素节点-nodeValue 元素和文档节点返回null 文本节点nodeValue 返回文本的内容 注释节点nodeValue 返回注释的内容 属性节点nodeName返回属性的值 节点元素的查找方法 node.parentNode()·父节点 node.parentElement()父元素 node.childNodes()子节点列表 (文本节点，元素节点，注释节点) node.children·子元素列表(元素节点) node.firstChild()·第一个子节点 node.firstElementChild()第一个子元素 node.lastChild()最后一个子节点 node.lastElementChild()最后一个子元素 node.nextSibling()下一个兄弟节点 node.nextElementSibling()下一个兄弟元素 node.previousSibling()上一个兄弟节点 node.previousElementSibling()上一个兄弟元素 节点元素增删改 document.createTextNode('文本内容)创建文本节点 document.createElement(标签名')创建元素节点 父节点.appendChild(节点)·给当前父节点的子节点结尾追加一个子节点父节点.insertBefore(child，指定元素)在当前父节点中的某一个子节点之前插入一个节点 父节点.removeChild(子节点)·在当前父节点中删除一个指定的节点 node.cloneNode()··克隆一个节点，复制一个