JavaScript基础之BOM(待完善)

    科技2024-03-10  89

    时间线、解析与渲染、封装文档解析完毕函数

    渲染模式

    标准模式怪异模式

    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之类的) 只有这个是在当前页面变化

    单页面应用案例

    Processed: 0.014, SQL: 8