BOM-浏览器对象模型

一、BOM(browser object model)

1.window
    |
    |---navigator
    |
    |--screen
    |
    |--location
    |
    |
    |--history
    |
    |--document


2.navigator浏览器版本信息的对象

    (1)appCodeName  返回浏览器代码

    (2)appName      返回浏览器名称
    
    (3)appVersion   返回浏览器版本

    (4)cookieEnable 返回浏览器是否启用cookie的布尔值

    (5)platform     返回运行浏览器的操作系统

    (6)userAgent    返回客户端发送到服务器的user-agent头部值

2.history
    (1) back()      返回前一个页面

    (2) forward()    返回后一个页面

    (3) go(n)        跳转至指定的页面(n是整数)

        n=0         刷新当前页面

        n>0         跳转至前n个页面

        n<0         跳转至后n个页面

3.screen     窗口屏幕尺寸信息
    (1)height       获取窗口真实高度的像素值

    (2)width        获取窗口真实宽度的像素值

    (3)availHeight  窗口可视区域的高度


    (4)availWidth   窗口可视区域的宽度


4.location  

    URL路径的组成 

    https:      //      www.w3cschool.cn    :80        /javascript          ?name=zhansna&age=20  #hash

    http协议             主机地址(ip)         端口号     请求路径(pathname)    查询字符串             地址栏哈希值
    http
    https


    (1)hash     设置或返回从#开始的url
    (2)host     返回主机名和当前URL的端口号
    (3)hostname 设置或返回当前URL的主机名
    (4)href     设置或返回完整的url
    (5)pathname 设置或返回当前url的路径部分
    (6)port     设置或返回当前url的端口号
    (7)protocol 设置或返回当前url的协议
    (8)search   设置或返回从(?)开始的url

    (9)assign()     加载新的文档
    (10)reload()    重新加载当前页面
    (11)replace(newURL)     用新的文档替换当前的文档

5.window对象
    setInterval()
    setTimeout
    clearInterval()
    clearTimeout

    alert() 

    prompt() 弹出一个信息输入提示框

    confirm()   弹出一个确定提示框


    窗口位置和大小
        (1)moveBy(水平方向移动距离,垂直方向移动的距离) 
        (2)moveTo(水平方向移动距离,垂直方向移动的距离)
        (3)resizeTo()   
        (4)resizeBy()
            改变窗口大小
        (5)scrollTo()
        (6)scrollBy()
            滚动条滚动位置
    窗口事件
    load
    unload
    focus       获得焦点
    blur        失去焦点

    创建新窗口

    (7)open(URL,窗口名称,窗口风格)  
    (8)close()  关闭窗口 

    窗口风格属性
        toolbar=no 是否显示工具栏
        location=no  是否显示地址栏
        status=no  是否显示状态栏
        menubar=no  是否显示菜单条
        scrollbars=no  是否显示滚动条
        resizable=yes   是否允许重新定位
        width=200,height=300 窗口的大小
        top=200,left=200    窗口的位置

你可能感兴趣的:(BOM-浏览器对象模型)