BOM＆DOM

window.open（“”），跳转并重新打开一个tab页面

document.write:如果使用按钮来触发打印,会覆盖按钮,打开一个新的页面

SessionStorage 存储对象, 可以用来存储数据, 和cookie相似, 区别是它是为了更大容量存储设计的, 在使用上也更加方便。存储方式同local.storage

特点：只要页面或者会话（tab页）一关闭，数据就没有了，再次打开网页，也不会显示

localStorage，SessionStorage，JSON.pase,JSON.stringify都属于window

 

深拷贝：利用JSON.pase,JSON.stringify；只有利用JSON.stringify,JSON.parse结合做深拷贝，才能解决多层对象数据结构拷贝赋值的问题

* 键不加引号，不是标准的JSON.格式

* JSON.stringify(对象)会自动把对象里面的没有加双引号的键名，加上双引号，成为标准的JSON格式

拷贝

for in循环：一个一个赋值的方式，和   ...拓展运算符，使用拓展运算符结构赋值的方式

只能解决一层对象数据结构拷贝赋值的问题，两个对象之间不会互相造成影响，但是多层对象的数据结构，两者还是会让两者相互影响

什么是DOM

DOM：Document Object Model（文档对象模型）

是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操纵HTML文档

查找HTML元素
语法 说明

document.getElementById 通过id属性获取对象

document.getElementsByTagName 通过标签名获取对象，返回的是一个元素集合，需要使用下标的方式获得元素

document.getElementsByClassName 通过class属性获取对象，返回的是一个元素集合，需要使用下标的方式获得元素

最新推出选择器document.querySelector  ，

在ie8以下不兼容，要想兼容IE低版本，建议使用document.getElementById document.getElementsByTagName、document.getElementsByClassName

document.querySelector  ，可通过#id、.class、标签来获取元素，如有多个同样命名方式，只会获取第一个

 HTML DOM - 改变 HTML

语法 说明

document.write() 改变 HTML 输出流

对象.innerHTML=新的 HTML 改变 HTML 内容,  把原来的内容给替换掉

HTML DOM - 改变 CSS
语法 说明

对象.style.property=新样式 通过id属性获取对象

document.getElementById("a").style.width="100px";

document.getElementById("a").style.height="150px";

练习1：制作轮播图