JavaScript Window - 浏览器对象模型

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

浏览器对象模型 (BOM)

浏览器对象模型(Browser Object

Model (BOM))尚无正式标准。

由于现代浏览器已经(几乎)实现了 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 Explorer 8、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() - 调整当前窗口的尺寸

html window设置,JavaScript Window相关推荐

  1. document.body ,window.screen javascript对象属性取值意义

    <SCRIPT LANGUAGE="JavaScript"> <!-- var s = "";     s += " 网页可见区域宽 ...

  2. javascript window 属性和方法。

    closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组. ...

  3. 网页打印javascript:window.print()

    在做B/S项目开发时.难免会遇到网页打印问题! 可以用css控制, @media print .a {display:block} .b {display:hidden} 好像是这样.把你不想打印的部 ...

  4. 总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

    前些日子,一直奔波于这三种操作,想想以后会常用,干脆整理下来,供自己以后查看.也给大家分享一下! 以下面写出自己认为有用的操作和代码. 第一次在园里面写,肯定有很多不足够之处,希望大家多多指点. 一. ...

  5. javascript window.open

    一.window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法: window.open(pageURL,name, ...

  6. JavaScript window 对象详解

    1. 概述 window对象 指当前的浏览器窗口,它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属. 一个变量如果未声明,那么默认就是顶层对象的属性. // a是一个没有声明就直接 ...

  7. JavaScript window

    window -- window对象是BOM中所有对象的核心 window,中文"窗口" window对象除了是BOM中所有对象的父对象外,还包含一些窗口控制函数 全局的windo ...

  8. Javascript window.fetch API

    Javascript window.fetch API 关于Ajax,一个最让人诧异的秘密就是,XMLHttpRequest的底层API其实并不是为现在普遍流行的做法设计的,它本是用来做其它事情的.虽 ...

  9. javascript window.close() 去掉那讨厌的确认对话框【转】

    有人问起,怎么去掉js调用window.close()时怎么去掉那可恶的提示,咋一看好像还真不好弄,IE的安全机制好像就不允许通过脚本关闭本页面,但是IE好像可以允许js关闭弹出窗口,那我们是不是可以 ...

最新文章

  1. 【4】青龙面板系列教程之QQ通知机器人XDD-plus安装
  2. 深度学习 500 问!一份火爆 GitHub 的面试手册
  3. 使用 VideoToolbox 探索低延迟视频编码 | WWDC 演讲实录
  4. 使用 JavaScript 实现简单候选项推荐功能(模糊搜索)【收藏】【转】
  5. poj 1050(DP)
  6. 怎么设置html编译报错,doctype html编译出错,提示unexpected character D,这是怎么回事呀?...
  7. 微信小程序API-定位(位置)
  8. Jackson 生成xml格式文件
  9. rust拆除建筑_破败建筑除了拆除或修复,变成废墟花园是更浪漫的一种可能
  10. 万字详述推荐系统经典模型DCN,DCN_v2,PNN
  11. About Config
  12. C++输入输出的格式控制2
  13. RFSoC应用笔记 - RF数据转换器 -04- RFSoC关键配置之RF-ADC内部解析(二)
  14. 淘宝链接转换成淘宝客链接--PHP
  15. mrmr 最大关联度-最小冗余度 特征选择
  16. 对 Android 应用换肤方案的总结
  17. 001.网络TCP/IP工程知识点
  18. 基于Django的图书交易系统
  19. windows7中的“mklink命令”
  20. android华为小艺唤起app,华为小艺使用教程:怎么设置唤醒,有哪些好玩的隐藏功能...

热门文章

  1. 让你惊叹的 Markdown 写作工具推荐
  2. Django之models
  3. php 命令行打印换行符_如何在命令行输出中打印换行符
  4. 开源硬件基金是如何运作的_如何在没有任何风险投资资金的情况下通过开源硬件赚钱
  5. 全球最大的市场在_我如何扩展全球最大的音乐工作室市场
  6. 服务器网口正在验证身份6,无法使用基本身份验证进行身份验证(示例代码)
  7. CNN笔记:通俗理解卷积神经网络--理解不同输入通道和卷积核通道关系(红色部分)
  8. NLP《词汇表示方法(六)ELMO》
  9. [NLP]基于IMDB影评情感分析之BERT实战-测试集上92.24%
  10. Pytorch中model.eval()的作用分析