zoukankan      html  css  js  c++  java
  • JavaScript Window

    JavaScript Window - 浏览器对象模型

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

    浏览器对象模型(BOM)

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

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

    Window 对象

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

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

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

    全局函数是window对象的方法。

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

    window.document.getElementBuId("header");

    与此相同:document.getElementById("header");

    Window 尺寸

    有三种方法能确定浏览器窗口的尺寸。

    对于Interent Exploer、Chrome、Firefox、Opera以及Safari:

            window.innerHeight-浏览器窗口的内部高度(包括滚动条)

            window.innerWidth-浏览器窗口的内部高度(包括滚动条)

    对于Internet Explorer8、7、6、5;

            document.documentElement.clientHight;

            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() - 调整当前窗口的尺寸
  • 相关阅读:
    vue 手动挂载 $amount()
    Redis 主从配置
    DMA分区管理
    C# 构造函数里的base和this的区别
    SQL Server 数据库性能优化
    TCP和UDP的优缺点及区别
    Django框架初步应用简述
    前端vue框架应用雏形
    接口mock之moco
    python进阶(九)~~~协程、进程池、线程/进程/协程对比
  • 原文地址:https://www.cnblogs.com/Strong-stone/p/10299333.html
Copyright © 2011-2022 走看看