Luke's home Luke's home
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Luke xiao

K
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • javascript

    • 基础知识
    • 进阶知识

    • 函数

    • JS HTML DOM

    • JS 高级教程

    • 浏览器BOM

      • JavaScript Window - 浏览器对象模型
        • Window 对象
        • Window 尺寸
        • 其他 Window 方法
      • JavaScript Window Screen
      • JavaScript Window Location
      • JavaScript Window History
      • JavaScript Window Navigator
      • JavaScript 弹窗
      • JavaScript 计时事件
      • JavaScript Cookie
    • HTML5新特性

    • CSS3新特性

  • 布局

  • less

  • js库

  • 前端
  • javascript
  • 浏览器BOM
lukexiao
2021-05-04

JavaScript Window - 浏览器对象模型

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

# Window 对象

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

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

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

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

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

# Window 尺寸

var w=window.innerWidth  //宽
var h=window.innerHeight  //高

var x = document.getElementById('one')

x.innerHTML=`宽:${w},高${h}`     //你是多少就是多少
1
2
3
4
5
6

# 其他 Window 方法

一些其他方法:

  • window.open() - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() - 移动当前窗口
  • window.resizeTo() - 调整当前窗口的尺寸
编辑 (opens new window)
上次更新: 2021/08/13, 23:21:49
JavaScript Math(算数) 对象
JavaScript Window Screen

← JavaScript Math(算数) 对象 JavaScript Window Screen→

最近更新
01
流式布局
08-13
02
flex布局
08-13
03
rem布局
08-13
更多文章>
Theme by Vdoing | Copyright © 2021-2021 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式