zoukankan      html  css  js  c++  java
  • Javascript学习笔记3 Javascript与BOM简介

    什么是BOM

    • BOM是browser object model的缩写,简称浏览器对象模型
    • BOM提供了独立于内容而与浏览器窗口进行交互的对象
    • 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
    • BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
    • BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
    • BOM最初是Netscape浏览器标准的一部分

    BOM结构图

    BOM对象包括

    window对象

    是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象 。由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象,例如下面两行代码是一样的:

    document.write("www.dreamdu.com");  
    window.document.write("www.dreamdu.com");

    window对象的属性和方法:
    所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
    全局变量是 window 对象的属性。
    全局函数是 window 对象的方法。

    window与self对象

    self对象与window对象完全相同,self通常用于确认就是在当前的窗体内

    window的子对象

    • JavaScript document 对象
    • JavaScript frames 对象
    • JavaScript history 对象
    • JavaScript location 对象
    • JavaScript navigator 对象
    • JavaScript screen 对象

    window函数索引

    窗体控制函数

    窗体滚动轴控制函数

    猴子提示: 上面几个函数的名字最后都带有To或By,to是绝对的意思(从整体而言),by是相对的意思(从原先的位置而言)

    窗体焦点控制函数

    • JavaScript focus() 函数
    • JavaScript blur() 函数

    新建窗体函数

    • JavaScript open() 函数
    • JavaScript close() 函数
    • JavaScript opener 属性

    对话框函数

    状态栏属性

    • JavaScript window.defaultStatus 属性
    • JavaScript window.status 属性

    时间等待与间隔函数

  • 相关阅读:
    深究AngularJS——自定义服务详解(factory、service、provider)
    学习AngularJs:Directive指令用法(完整版)
    理解Angular中的$apply()以及$digest()
    javascript关闭网页的几种方法
    grunt
    原生ajax
    服务器返回JSON,IE出现下载问题
    设计模式学习笔记——Mediator中介者模式
    Html.Partial
    SAML
  • 原文地址:https://www.cnblogs.com/dreamingbaobei/p/5075924.html
Copyright © 2011-2022 走看看