笔记： window对象 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开新窗口 ● window.close() - 关闭当前窗口 navigator对象 navigator.appName // web浏览器全称 navigator.appVersion // web浏览器厂商和版本的详细字符串 navigator.userAgent // 客户端绝大部分信息 navigator.platform // 浏览器运行所在的操作系统 screen对象 screen.availWiddth // 可用的屏幕宽度 screen.avaliWidth // 可用的屏幕高度 history对象 window.history对象包含浏览器历史 history.forward() //前进一页 history.back() // 后退一页 location对象 window.location 对象用于获取当前页面的地址URL，并把浏览器重新定向到新的页面。 location.herf // 获取URl location.herf="URL" // 跳转到指定页面 location.reload() // 重新加载页面 计时相关： setTimeout() // var t = setTimeout("js语句"，毫秒) clearTimeout() // clearTimeout(setTimeout_variable) setInterval() clearInterval() DOM 查找标签： 直接查找 document.getElementById // 根据Id获取一个标签 document.getElementByClassName // 根据class属性获取 document.getElementByTagName // 根据标签名称获取标签合集 间接查找 parentElement // 父节点标签元素 children // 所有子标签 firstElementChild // 第一个子标签元素 lastElementChild // 最后一个子元素元素 nextElementSibling // 下一个兄弟标签元素 previousElementSibling // 上一个兄弟标签元素 节点操作： 创建节点：document.createElement(“标签名”) 添加节点：追加一个子节点（作为最后的子节点）somenode.appendChild(newnode) 把新增的节点放到某个节点的前边：somenode.insertBefore(newnode,某个节点) 删除节点：获取要删除的元素，通过父元素调用该方法删除 somenode.removeChild("要删除的节点") 替换节点：some.node.replateChild(newnode,某个节点) 属性节点: innerText innerHTML setAttribute getAttribute removeAttribute 自带属性可以直接.属性名获取和设置 获取值操作： elementNode.value 适用于 input select textarea calss的操作： classList.remove(cls) 删除指定类 classList.add(cls) 添加类 classList.contains(cls) 存在返回true，否则返回false calssList.toggle(cls) 存在就删除，否则添加 指定css操作： obj.style. 对于没有中划线的css属性一般直接使用style.属性名即可 对于有中划线的css属性一般将中划线后的第一个字母换成大写 事件： HTML中的事件出发浏览器的action onclick // 点击 ondblclick // 双击 onfocus // 获得焦点 onblur // 失去焦点 onchange // 域的内容被改变 onkeydown // 键盘按键被按下 onkeypress // 键盘按键被按下并且松开 onkeyup // 键盘按键被松开 onload // 完成加载 onmousedown // 鼠标按下 onmousemove // 鼠标被移动 onmouseout // 鼠标从某元素移开 onmouseover // 鼠标在某元素之上 onselect // 文本框中的元素被选中 onsubmit // 确认按钮被点击