时间线、解析与渲染、封装文档解析完毕函数
渲染模式
标准模式怪异模式DTD:文档类型定义 种类:严格版本 过渡版本 框架版本 (素养)
BOM的核心:window
window对象表示浏览器窗口所有js全局对象、函数、变量都是window的对象成员BOM的组成:
window:window对象上直接定义的属性和方法Navigator:浏览器的信息History:浏览器 当前窗口 访问的历史记录Location:获取当前页面的地址信息、页面重定向等Screen:浏览器屏幕的相关信息frames:框架相关的信息获取和操作window对象的属性和方法
closed属性 和 close( )parent 返回父窗口。top 返回最顶层的父窗口。self 返回对当前窗口的引用。等价于 Window 属性。window.open(URL,name,specs,replace)moveBy() 可相对窗口的当前坐标把它移动指定的像素。moveTo() 把窗口的左上角移动到一个指定的坐标。resizeBy() 按照指定的像素调整窗口的大小。resizeTo() 把窗口的大小调整到指定的宽度和高度。 这4个方法只能操作 window.open打开的窗口还有之前学的 scroll client 偏移那类的要掌握
Navigator对象的属性和方法
userAgent属性: 返回由客户机发送服务器的user-agent 头部的值
封装检查浏览器类型的方法 浏览器嗅探
Mozilla 更名为 Netscape 网景
navigator.connection.effectiveType:返回移动端的网络类型
封装检查移动端的网络类型的方法 在这里插入代码片History对象的属性和方法
length 返回历史列表中的网址数back() 加载 history 列表中的前一个 URLforward() 加载 history 列表中的下一个 URLgo(-n ~ n) 加载 history 列表中的某个具体页面 (n表示数字。0时,刷新当前页面)Screen对象的属性和方法
(几乎都是针对 IE的 属性和方法)
screen.orientation.type: 返回屏幕当前的方向
Location对象的属性和方法 ▲
protocol 协议hostname 主机名 域名port 端口pathname 路劲search 请求参数href 整个url修改以上内容都会跳转一个新页面
hash 哈希值 (e.g. #123之类的) 只有这个是在当前页面变化单页面应用案例