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

    浏览器对象模型(BOM)使JavaScript有能力与浏览器对话。

    浏览器对象模型(BOM)

    浏览器对象模型(Browser Object Model)尚无正式标准。

    由于现代浏览器(几乎)已经实现了JavaScript交互性方面的相同方法和属性,因此常被认为是BOM的方法和属性。

    window对象

    所有浏览器都支持window对象。他表示浏览器窗口。

    所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。

    全局变量是window对象的属性。

    全局变量是window对象的方法。

    甚至HTML DOM的document也是window对象属性之一:

    window.document.getElementById("header");

    与此相同:

    document.getElementById("header");

    window尺寸

    有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。

    对于Internet Explorer、Chrome、Firefox、Opera以及Safari;

    window.innerHeight-浏览器窗口的内部高度

    window.innerWidth-浏览器窗口的内部高度

    对于Internet Explorer8、7、6、5:

    document.documentElement.clientHeight

    document.documentElement.clientWidth

    或者

    document.body.clientHeight

    document.body.clientWidth

    使用的Javascript方案(涵盖所有浏览器);

    实例

    var w=window.innerWidth
    || document.documentElement.clientWidth
    || document.body.clientWidth;
    
    var h=window.innerHeight
    || document.documentElement.clientHeight
    || document.body.clientHeight;
    window其它方法
    window.open();-打开新窗口
    window.close();-关闭当前窗口
    window.moveTo();-移动当前窗口(可以做窗口抖动)
    window.resizeTo();-调整当前窗口尺寸
  • 相关阅读:
    word2vec原理推导与代码分析
    vim 删除
    HanLP 配置与使用
    python import 其他 package的模块
    mysql 修改root密码
    Spring Boot 整合 PageHelper
    MyBatis SQL语句构建器
    webpack4
    MySql DCL数据控制语言(对用户权限的设置)
    MySql DQL数据查询语言
  • 原文地址:https://www.cnblogs.com/Strong-stone/p/9706923.html
Copyright © 2011-2022 走看看