zoukankan      html  css  js  c++  java
  • 浏览器对象模型--BOM

    BOM的核心对象是window对象,其他对象都是window对象的子对象

    一、浏览器对象模型

    二、window对象

      属性

      1.位置类型
        (浏览器距离屏幕的距离)
        // IE chrome
        alert(window.screenLeft)
        alert(window.screenTop)

        // FF chrome
        alert(window.screenX)
        alert(window.screenY)

      2.尺寸类型 (浏览器的文档尺寸)
        alert(window.innerWidth) //(有兼容性)
        alert(window.innerHeight)

        alert(document.documentElement.clientWidth)
        alert(document.documentElement.clientHeight)

       3.分辨率(电脑屏幕的尺寸)
        alert(window.screen.width)
        alert(window.screen.height)

      4.状态栏(IE浏览器最下面的一栏)
        window.status=""

      方法

      1.对窗体的移动

        window.moveBy(100,100) (只有IE可用,刷新每次移动100,100)
        window.moveTo(100,100) (只有IE可用,移动到,刷新后都会移动到距离屏幕100,100处)

      2.对窗口大小的改变

        window.resizeBy(50,50) (只有IE可用,每次都减小50,50)
        window.resizeTo(50,50) (只有IE可用,减小到50,50大)

      3.滚动条

        window.scrollBy()   相对于当前滚动条的位置移动的像素(前提有滚动条)
        window.scrollTo()   相对于当前窗口的高度或宽度,移动到指定的像素

      4.时间函数

        setInterval(函数指针,指定的时间(毫秒))     按照指定的周期不断执行函数

        cleaInterval()   清除时间函数的进程

        setTimeout(函数指针,指定的时间(毫秒))   在指定的毫秒数后只执行一次函数

        clearTimeout()  清除时间函数进程

      5.其他方法

        alert()  显示带有一段消息和一个确认按钮的警示框

        confirm()  显示带有一段消息以及确认按钮和取消按钮的对话框

        prompt()  显示可提示用户输入的对话框

        close() 关闭浏览器窗口

        open(url,name,feafurse,replace)  通过脚本打开新窗口

    三、window子对象

      1.history:包含用户访问过的URL,是window的子对象

        history.length   返回历史记录的长度

        history.back()  加载历史记录的上一个

        history.forward()  加载历史记录的下一个

        history.go(n)    0:刷新   1:加载历史记录的下一个     -1:加载历史记录的上一个

      2.location :可直接操作地址栏

        location.reload()   重新加载当前文档

        location.assign()   加载新的文档,并在历史记录里留下记录

        location.replace()  直接替换页面,不可回退(不保留历史记录)     

        

        http:800//www.baidu.com/s?ie=sdjbxcj/#box?sdad

        ——href  设置或返回完整的URL

        ——host  设置或返回主机名和当前URL的端口号

          hostname  设置或返回当前url的主机名

          port  设置或返回当前URL的端口号

        ——hash  设置或返回#开始的锚链接

        ——pathname  设置或返回当前URL的路径部分

        ——search设置或返回从?开始的URL(查询部分)

        网络传输协议   https   http

        协议   file(本地文件传输)    ftp(邮件传输协议)

        ——protocal设置或返回当前URL协议

  • 相关阅读:
    今晚直播 | 揭秘携程应用路由生态系统
    OpenStack虚拟云桌面在携程呼叫中心的应用
    从设计到开发,硅谷技术专家教你做“声控”APP
    深度学习系列 | 诺亚面向语音语义的深度学习研究进展
    知识图谱中的推理技术及其在高考机器人中的应用
    用户在线广告点击行为预测的深度学习模型
    知识库上的问答系统:实体、文本及系统观点
    深度学习在搜狗无线搜索广告中的应用
    元旦三天假期,实现一个电商退单管理系统【四】-手机客户端实现
    元旦三天假期,实现一个电商退单管理系统【三】
  • 原文地址:https://www.cnblogs.com/wykbk/p/6892026.html
Copyright © 2011-2022 走看看