自学JavaScript第三天

接着昨天文档最后的Array数组

1、内置对象

1.1 补充Array

indexof() 从前面查找索引值

	join() 不选默认为逗号分隔

更多方法查看文档

1.2字符串对象（重点）

字符串常用方法

charAt(index) 返回指定位置的字符

charCodeAt(index) 获取指定位置的ascll码 a = 97

str[index] h5新增的

substr['起始位置' ，‘截取长度’] 从什么地方截取截取的长度

更多方法查看文档

1.2简单类型和复杂类型

### 堆栈空间分配区别：

1.栈：由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似数据结构中的栈；简单数据类型存放到栈里面

普通数据类型在栈中存储的是数据

2.堆：存储复杂数据类型（对象）,一般要程序员分配释放，若程序员不释放，由垃圾回收机制回收

复杂数据类型在栈中存储的是地址地址指向堆里面的内容

2、DOM（重中之重）

document 文档 object 对象 model模型

文档对象模型可以通过dom进行对页面内容和结构样式进行修改

文档就是一个页面通过document操作

元素页面中所有标签都是元素

节点网页中所有内容都是节点（标签属性文本）

2.1获取元素的方法

        document.getElementById('id')//获取id 而且以obj形式返回
        document.getElementsByTagName('li')//获取所有元素标签 以伪数组返回

        // 获取某个标签下的所有li元素
        document.getElementById('ol')
        ol.getElementsByTagName('li')

        document.getElementsByClassName('box') //获取所有的class类名为box
        
        document.querySelector('.box')//顺序执行 遇到第一个的class类名为box的
        document.querySelectorAll('.box')//获取全部class类名为box的
        document.body; //获取body标签
        document.documentElement;//获取html标签

console.dir() 打印我们返回的元素对象更好的查看属性和方法

2.2改变元素内容

//不能识别html标签 去除空格和换行
element.innerText
 
//能识别html标签 保留空格和换行
element.innerHtml

2.3操作表单的内容

方法

this.disabled =true //禁用

2.3操作样式

element.style  //行内样式
//添加少的样式可以使用这个	

element.calssName //类名样式操作
//添加多的样式 使用这个添加整个类

2.4 常用的事件

onclick 点击
onfocus 得到焦点
onblur 失去焦点
onmouseoveer 移入
onmouseout 移出

排他思想

只要一个生效其他不生效

先干掉其他留下自己的样式就是排他思想

2.5操作属性

2.5.1获取属性值

element.属性

element.getAttribute('属性')

区别：

element.属性获取内置属性值（元素本身自带的属性值）

element.getAttribute('属性')；主要获取自定义属性值

2.5.2 设置属性值

element.属性

element.setAttribute('属性')

区别：

element.属性获取内置属性值（元素本身自带的属性值）

element.setAttribute('属性'，’值‘)；主要修改自定义属性值

2.5.2 删除属性值

element.removeAttribute('属性')；主要删除自定义属性值

单词与说明（重点）

join() 可以分割数组里面的值

replace( ’被替换的字符‘，‘替换为的字符’) 替换字符一次只替换一个

split（‘分隔符’）可以把一个字符串通过分隔符割成数组