JSwindow对象和Dom对象

1.window对象:用于窗体的操作,页面常用事件/方法.
        ①弹窗操作
            alert("对话框");   //弹窗  
            prompt("输入框");  //输入框
            confirm("确认框"); //确认框
            
        ②打开和关闭窗口:
            window.open("地址");//打开指定的页面
            window.close();     //关闭当前页面
            
        ③页面加载事件:  !!!
            //A:页面加载时候就要完成某个操作
            //B:对元素加事件 写在加载事件中
            //C:一个页面中只能一个onload事件  多个会覆盖
            window.οnlοad=function(){
                //元素加载完成之后做的操作
            }
            
        ④定时器事件 反复执行某个操作  !!!
            var timer = setInterval(function(){
            },时间);
            停止:
            clearInterval(timer);
            
        ⑤延时执行事件  等一段时间再执行这个操作
            setTimeout(function(){
            
            },时间);
            
        ⑥设置页面的地址:
            window.location="url地址";
            
        ⑦设置浏览历史:
            history.back();     //后退
            history.forward();  //前进
            history.go(1);  //前进一次
            history.go(-1);  //后退一次
            
    2.Dom对象:对页面的元素进行操作  原生js操作太复杂
        ①找元素  直接通过元素属性去找   通过层级关系去找   
            直接通过元素去找
            document.getElementById("id值");  //通过id去查找  唯一的
            document.getElementsByClassName("类名称去查找") 
                                            //通过class查找 数组 下标访问
            document.getElementsByName("name名称去查找")  表单元素
                                            //通过name查找 数组 下标访问
            document.getElementsByTagName("标签名称")  
                                            //通过标签名称查找 数组 下标访问
            
            
            通过层级关系去找:
        document.getElementById("item1").parentNode; //返回父节点
        document.body.childNodes;//子节点集合
        document.body.firstChild;//第一个子节点
        document.body.lastChild;//最后一个子节点，如果没有子节点返回null
        document.getElementById("item1").nextSibling();//后面的那个兄弟节点
        document.getElementById("item1").previousSibling();//前面的那个兄弟节点
        
        ②修改/操作元素:
            改内容
            改属性 
            改样式
            
            内容:
            .innerText="文本内容";  //修改标签的内容 不解析HTML标签
            .innerHtml="内容";      //修改标签的内容 解析HTML标签
            .value="内容";          //修改表单的值
            
            属性:
            .setAttribute("属性",值);
            .getAttribute("属性");
            
            样式: 
            .style.css样式=值;  //设置行内样式  样式优先级特别高
            .className="类名称";  //添加一个类样式 class=“类名称” 写法更合理