• BOM的简单介绍


    BOM的简单介绍

    BOM

    JavaScript里面包含了三部分内容:ECMAScript核心语法DOMBOM

    前言

    BOM 我们将其称之为浏览器对象模型。里面主要是帮助我们和浏览器进行交互的方法和接口。

    IE3.0Netscape Navigator 3.0提供的一种新的特性,主要是用来通过js这门脚本语言
    来操作浏览器,方便我们对浏览器窗口进行访问。

    BOM因为一直没有相关的官方准则,所以在不同浏览器中实现BOM API的方式或者说展示的效果都不尽相同。

    BOM当中包含了一些对象,下面列出的这些对象都是经常看到和使用到的对象:

    • Window对象
    • Navigator对象
    • Screen对象
    • History对象
    • Location对象

    window对象

    window意思为窗口,表示浏览器窗口。

    window对象的属性

    1、 window.name表示当前窗口的名字。
    2、 window.closed,window.opener
    如果新开的子窗口和父窗口之间没有必要的通信需要,就建议将opener设置为null.

    var a = window.open()
    a.opener = null;
    

    3、 window.screenX,window.screenY
    返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离,单位是像素,并且是属性是只读的属性

    4、 window.innerWidht,window.innerHeight
    返回网页在当前窗口中可见部分的宽度和高度。也就是视口viewport.单位是像素。只读属性

    5、window.outerWidth,window.outerHeight
    这两个属性返回浏览器窗口的宽度和高度。包括菜单栏和边框。

    6、window.scrollX,window.scrollY
    页面水平和垂直的滚动距离。单位是像素

    属性

    组件属性返回浏览器的组件对象。这样的属性有下面几个。

    • window.locationbar:地址栏对象
    • window.menubar:菜单栏对象
    • window.scrollbars:窗口的滚动条对象
    • window.toolbar:工具栏对象
    • window.statusbar:状态栏对象
    • window.personalbar:用户安装的个人工具栏对象

    上面的这些属性都是只读的。不能修改。

  • 相关阅读:
    storm学习
    java高级——反射
    [Error]使用了未经检查或不安全的操作...
    将训练集构建成ImageNet模型
    跨域以及一些解决方法
    javascript中的内存管理和垃圾回收
    酷炫的SVG 动态图标
    前端经常遇到的的问题小结
    CSS3 Flex 布局教程
    DNS预解析prefetch
  • 原文地址:https://www.cnblogs.com/caominjie/p/10849265.html
Copyright © 2020-2023  润新知