BOM总结

BOM
    JavaScrip的组成
        ECMAScript是JS的语法规范。ES5,ES6
        BOM:浏览器对象模型(Brower Object 
 Model)
        DOM:文档对象模型(Document  Object   Model)
    BOM:Brower Object 
 Model)
        浏览器对象:一个浏览器窗口就是对象(属性和行为)
        浏览器对象模型:将浏览器中各个组件按某种组织架构组织在一起
        子主题 3
    BOM的组成:由内置对象组成
        window对象:是BOM的根对象(核心对象),其他对象作为window的子对象
        location对象:导航的地址栏对象
        document对象:文档对象
        history对象:历史记录对象(用户访问的痕迹)
        navigator对象:导航对象
        screen对象:屏幕对象
    Window对象
        介绍:是BOM的核心对象,其他对象的父对象,在全局作用域中定义变量,函数以及所有JS的内置函数都可以通过window对象调用
        全局作用域:直接编写在script标签中js代码中都成为全局作用域
        常用属性:
            parent:表示window上级对象的一个字符串
            self:对当前窗口的一个引用
            name:窗口window的名称
                _black:表示打开一个新窗口,在新窗口中显示页面
                _self:当前窗口中打开页面
                _parent:在当前窗口的父级窗口打开页面
            outerHeight/outerWidth:浏览器窗口的宽度和高度
            linnerWidth/innerHeight:视口的宽和高
            screenLeft/screenTop:浏览器左上角和屏幕左上角的距离
        常用的方法(函数)
            oppen(url,name,specs,replace)
                url(网址):统一资源定位符。协议:主机名:断口号/文件名
                name:在什么位置打开窗口
                specs:打开窗口的特征(大小)
                replace:打开新窗口是否替换原有信息
            moveTo(x,y):移动窗口
                x:x轴的坐标
                y:y轴坐标
                focus:移动后的焦点
            resizeTo(宽度,高度):重新设置窗口的大小
            setTimeout(callback,time):定时器函数,间隔time毫秒后调用callback函数,函数返回的是定时器变量
                callback:函数
                time:时间,单位:毫秒
            clearTimeout(定时器名):清除由setTimeout创建的定时器对象
            setInterval(callback,time):每间隔times毫秒调用一次。循环执行
            clearInterval:关闭由setinterval创建的定时器对象
            alert(`字符串`):消息提示框。是线程堵塞
            confirm(`字符串`):确认消息框,对话框中包含确定和取消俩个按钮
            frames属性:window对象通过该属性来操作页面中的iframes
        javascript的执行机制
            单线程:同一时间只能做一件事情
            同步:当前一个任务完成后在执行后一个任务,任务的执行顺序和程序的执行顺序一致时称为同步
            异步:在做一件事的同时可以做其他的事情
            执行过程:在执行程序时若遇到异步的操作,会将异步执行的函数会放入任务队列中,主程序不等待,当任务队列中的函数执行后将结果返回给主程序
        Locatiion对象:是地址栏对象
            url:(全球资源定位器)统一资源定位符
            url组成:
                protocol:网络协议(http,ftp等)
                host:主机。通过域名或ip地址表示。本地机域名localhost,ip地址是:127.0.0.1
                port:端口号
                path:文件的路径。/woniu/index.html
                query:参数。在路径后边带上?,’?‘后面是参数参数与参数之间使用’&‘分隔
            location的属性
                location.host:表示请求地址的主机名和端口号
                location.hostname:主机名
                location.port:端口号
                location.protocol:获取地址中的协议
                location.search:获取请求字符串(url的?之后的内容)
                location.pathname:文件名
                location.href:请求地址(如:http//localhost:5500/...........)
            location的方法
                assgin():表示加载一个新文档
                reload():重新加载当前文档
                replace():在浏览器中替换当前文档
        navigator对象:浏览器对象。通过该对象可获得浏览器信息(内核,版本,名称等)
             navigator 属性  
                navigator.appVersion:版本号
                .appCodeName:浏览器内部名称
                .appName:浏览器的全称
                platform:运行浏览器的操作系统平台
        history:对象:记录用户的访问记录
            history的属性
                length(用户访问的网址数)
                常用方法
                    back():后退
                    forward:前进
                    go():参数是整数(正整数表示前进,负整数表示后退)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值