• 浏览器对象模型


    浏览器对象模型,它是浏览器提供给javascript操作浏览器的接口,与内建对象Math一样,是不需要自己创建对象,浏览器已帮我们创建好;

    BOM是一个具有层次结构的对象树,首先来看下顶级对象window对象,它表示浏览器框架和跟浏览器相关的所有一切,如滚动条、导航按钮等都包括在window中: window对象是一个全局对象,可以在能写javascript代码的任何地方使用其属性和方法而不需要使用全局对象的名称,声明一个全局变量或全局函数时,实际上就是声明了全局对象的一个属性;

    window对象的属性,即其下一级对象:

    A、document对象——代表浏览器中的web页面; BOM中最重要的对象,几个重要的数组属性:  
    1、forms  
    2、images——表示页面上的所有元素数组,可以通过使用document.images[1]或document.images['myImage']两种方式访问;images为Image对象数组,所以具有内建对象Array的所有用法;  
    3、links——页面中所有超链接(a)对象的对象数组,同images

    B、history对象——用户访问过的页面的历史信息; 属性:length——浏览器中历史栈中的页面个数;
    方法:
    1、back()、forward() ——浏览器当前所加载的当前页面的location将改变为历史栈中的前一页或后一页;       
    2、go(arg)——参数表示以当前页为基准,在历史栈中前进或后退几个页面;  
    例:history.go(1)    前进,同(history.forward())       history.go(-1)   后退,同(history.back())

    C、navigator对象——浏览器自身的相关信息;

    D、screen对象——客户端显示器显示能力的信息; 属性:height、width——客户端计算机显示屏的高度和宽度;        colorDepth——客户计算机显示屏颜色的色彩位数;

    E、location对象——浏览器加载当前页面的URL的详细信息,具体包含统一资源定位器信息(URL)、提供web服务的服务器信息、连接到服务器的端口号以及所使用的协议,对应方法如下:  
    1、location.href——获得或设置url地址,同location.replace(),区别,replace()将从浏览器中的历史栈中移除当前页面,并用新页面替换,而href属性仅仅把新页面添加到历史栈的顶部,造成的后果是,使用replace()后将不可使用后退按钮;  
    2、location.port——当前URL端口号  
    3、location.hostname——当前URL主机名  
    4、location.protocol——当前URL协议

    二、Bom对象的常用事件 onload、onclick、onunload(用户关闭浏览器或打开其他页面)
    添加事件的方式:
    1、将事件处理器同事件处理函数作为html标签的属性;
    2、将事件处理器作为浏览器对象的属性;

  • 相关阅读:
    DHCP服务器搭建
    Nginx Web服务器
    ansible批量管理工具
    同网段存活IP公钥分发脚本
    inotify事件监控工具
    搭建云yum仓库和本地定时yum仓库
    NFS网络文件共享系统
    shell 脚本的讲解 与应用
    awk 命令精讲
    ACL权限控制 及特殊权限
  • 原文地址:https://www.cnblogs.com/lj9837/p/2913446.html
Copyright © 2020-2023  润新知