二阶段 core-day06

BOM：

1、history：保存当前窗口的历史记录：

	前进后退刷新：history.go(正数/负数/0);

2、location：保存当前窗口的正在打开的url：

	常识：一个url由5部分：
		协议://域名:端口号/文件相对路径?请求消息

	跳转：location="新url";
	跳转后禁止后退：location.replace("新url");
	刷新：location.reload();

DOM：

1、找到元素：

	1、直接找：
		动态集合：var elems=document.getElementsByTag/ClassName("标签名/class名");

		静态集合：var elems=document.querySelectorAll("任意的css选择器"); - 效率更高、而且支持forEach

	2、通过关系：
		父：parentNode
		子：children
		第一个儿子：firstElementChild
		最后一个儿子：lastElementChild
		前一个兄弟：previousElementSibling;
		后一个兄弟：nextElementSibling;

2、操作元素

	内容：innerHTML（识别标签）/innerText（识别纯文本）/value
            （input、option）
		获取：elem.上面的;
		设置：elem.上面的="新内容";

	属性：
		获取：elem.getAttribute("属性名");	HTML DOM：elem.
                    属性名;

		设置：elem.setAttribute("属性名","属性值");	HTML
                    DOM：elem.属性名="属性值";

		删除：elem.removeAttribute("属性名"); - 可以删干净属性
                    节点

		判断有没有：elem.hasAttribute("属性名"); true->有  
                    false->没有

	样式：
		内联样式：