JavaScript Window 对象笔记

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

其他 Window 方法

一些其他方法:

  • window.open() - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() - 移动当前窗口
  • window.resizeTo() - 调整当前窗口的尺寸

Window Screen

window.screen 对象在编写时可以不使用 window 这个前缀。

一些属性:

  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
时间: 2024-10-13 05:05:48

JavaScript Window 对象笔记的相关文章

深入理解Javascript window对象

首先看我们的源代码. [html] view plaincopy <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>深入理解Javascript</title> <script type="text/javascript" charset="utf-8"> console.log(this)

JavaScript - window对象方法和事件

window对象方法和事件 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>window对象方法和事件</title> <script type="text/javascript"> /*alert(window.screen); alert(window.history);

Javascript window 学习笔记

1.window 对象,就是把浏览器与javascript相关联. 2.全局变量(var a)是window对象的属性:全局函数(var a={})是window对象的方法. 3.window.document.getElementById("header");是window对象的方法. 4.获得浏览器窗口尺寸 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 wind

javascript window 对象

JavaScript中的Window和window有什么关系? https://zhidao.baidu.com/question/1896482748628552420.html avascript中的Window 对象表示浏览器中打开的窗口.如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象.注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象.实际的window

javascript window对象属性和方法

window对象 window对象表示一个浏览器窗口或一个框架.在客户端JavaScript中,window对象是全局对象,所有的表达式 都在当前的环境中计算.也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性当作全局变量 来使用.例如,可以只写document,而不必写window.document. window对象属性 标红色的: 重要的 标黑色的: 正常不用  closed:   返回窗口是否已被关闭 defaultStatus:      设置或返回窗口状态栏中的默认文

JavaScript window对象

window对象 1.window对象是在客户端的整个HTML文档的根对象;代表当前的整个打开的浏览器窗口,因此其属性多用于操作浏览器的效果以及窗口有关的各种信息 2.window对象属性 a) defaultStatus默认状态条消息 b) status状态条消息 c) document当前显示的文档 d) location i.打开网站时需要使用完整的URL地址 ii.打开与当前文件在同一文件夹下的本地文件,可使用相对地址 iii.获取的时窗口所显示文档的完整URL(绝对路径);可更改win

JavaScript——Window对象

1.serTimeout()和setinterval()可用于注册在指定的时间之后单词或者重复调用的函数. 2.window对象的location属性引用的是Location对象,表示该窗口当前显示的文档的URL对象.Location对象的href属性是一个字符串,包含URL的完整版本.Location对象的assign()方法可以使窗口载入并显示指定URL的文档. 3.Window对象的history属性引用的是该窗口的History对象.History对象是用来把窗口的浏览历史用文档和文档状

JavaScript window对象页面跳转

本页面跳转 window.location.href='' window.location.href='' 上一层页面跳转 HTML如果使用模板frameset, 实现单个子页面让所有页面跳转,可以用这个方法 window.parent.location.href='' 最外层的页面跳转 window.top.location.href='' 原文地址:https://www.cnblogs.com/Haidnor/p/12199059.html

window对象的几个重要方法

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JavaScript window对象常用方法及事件</title><script type="text/javascript"> window.onload=function(){//文档加载完成后执行此方法   alert("文档加载完毕了"); }