#一 操作BOM对象(重点)
BOM:浏览器对象模型
- IE
- Chrome
- Safari
- Firefox
1.1 window对象(❤)
代表浏览器窗口
1.2 Navigator对象
封装了浏览器的信息
1.3 screen对象
代表屏幕的尺寸
1.4 location对象(❤)
代表当前浏览器的地址栏
1.5 document对象(❤)
代表当前页面
获取具体的文档树节点,从而动态修改网页
获取cookie
1.6 history对象
代表浏览器的历史记录
二.操作DOM对象(重点)
DOM:文档对象模型
浏览器网页就是一个和DOM树形结构
2.4插入节点
当我们获得了某个DOM节点,想在这个DOM节点内插入新的DOM,应该如何做?
如果这个DOM节点是空的,例如, ,那么,直接使用 innerHTML = 'child'
就可以修改DOM节点的
内容,相当于“插入”了新的DOM节点。
如果这个DOM节点不是空的,那就不能这么做,因为 innerHTML 会直接替换掉原来的所有子节点。
有两个办法可以插入新的节点。
- 方法一:追加已存在的节点
使用 appendChild ,把一个子节点添加到父节点的最后一个
子节点
因为我们插入的 js 节点已经存在于当前的文档树,因此这个节点首先会从原先的位置删除,再插入
到新的位置。
- 方法二:创建新节点
因为我们插入的 js 节点已经存在于当前的文档树,因此这个节点首先会从原先的位置删除,再插入
到新的位置。
更多的时候我们会从零创建一个新的节点,然后插入到指定位置:
2.5 拓展
insertBefore 子节点会插入到节点前
三.操作表单(验证的过程)
form标签,但也是dom树上的节点
3.1 提交表单
这是原生代码,之后会使用jquery