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
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
function getWindosHeightAndWeight(){
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
alert("浏览器当前的宽度是：" + width);
alert("浏览器当前的高度是：" + height);
}
Location 对象
function getWindosHeightAndWeight(){
document.write("url：" +location.href + "<br>");
document.write("域名：" +location.hostname + "<br>");
document.write("请求文件的路径：" +location.pathname + "<br>");
document.write("端口号：" +location.port + "<br>");
document.write("协议：" +location.protocol + "<br>");
//把当前的页面跳转到百度首页上去
// location.href = "http://www.baidu.com";
// window.location.assign方法的作用相当于上句修改location的href属性
window.location.assign("http://www.baidu.com");
//下面的语句是不会执行的，因为页面已经跳转到了百度页面
alert(window.location.assign);
}
history对象
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
<html>
<head>
<script type="text/javascript">
function goBack(){
window.history.back();
}
function goFoward(){
window.history.forward();
}
</script>
</head>
<body>
<input type="button" value="goBack" onclick="goBack();">
<input type="button" value="goFoward" onclick="goFoward();">
</body>
</html>
分享到：
相关推荐
#### 二、Window对象的作用 `Window`对象在JavaScript中扮演着多重角色： - **全局命名空间**：所有的全局变量和函数都定义在这个对象上。 - **文档容器**：`Window`对象可以访问当前窗口中的文档对象（`document`...
### JavaScript中的Window对象详解 #### 一、概述 在JavaScript中，`Window`对象是所有浏览器操作的基础。它是全局对象，也是顶级对象。通常我们提到的`window`就是指当前浏览器窗口。`Window`对象拥有许多属性和...
JavaScript的window对象作为浏览器环境中的顶层对象，承载着重要的作用。首先，需要明确什么是顶层对象。顶层对象指的是一个运行环境中的最高级对象，所有的其他对象都是顶层对象的属性或方法。在浏览器中，顶层对象...
JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码...
JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...
NULL 博文链接：https://chaoyi.iteye.com/blog/2061830
在JavaScript中，window对象是所有浏览器窗口和标签页的顶层对象，它代表了浏览器窗口，提供了一系列的属性和方法来控制浏览器窗口和文档。JavaScript开发者会经常使用window对象的属性和方法来实现各种交互效果，如...
JavaScript中的`window`对象是浏览器环境中最核心的对象之一，它代表了浏览器的顶级窗口或整个浏览器视口。这个对象提供了很多与用户交互、页面导航、窗口控制和文档操作相关的属性和方法。以下是对`window`对象及其...
JavaScript中的Window对象是全局对象，它是每个浏览器窗口的核心，提供了许多与浏览器窗口交互的方法和属性。这个对象在JavaScript中无处不在，因为它既是全局变量也是全局函数的容器。以下是Window对象的一些主要...
一、Window对象概述 Window对象可以用来打开浏览器，调整浏览器的位置、大小等等功能。 Window对象可以处理框架和框架之间的关系，通过这种关系在一个框架中处理另一个框架中的文档。他也是所有对象的顶级对象，通过...
【window对象】是JavaScript中的全局对象，它代表了浏览器的窗口。在JavaScript中，所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window...
### JavaScript的document和window对象详解 #### Document对象 在JavaScript中，`document`对象是`window`和`frames`对象的一个属性，它表示显示在窗口或框架内的HTML文档。通过这个对象，开发者能够访问和操作...
JavaScript中的`window`对象是浏览器环境中最核心的对象之一，它代表了浏览器的顶级窗口或框架。无论网页中是否存在BODY、FRAMESET或FRAME元素，浏览器都会为每个这样的元素创建一个`window`对象实例。此外，`window...
Window对象在JavaScript中是浏览器全局对象，它代表了浏览器的一个窗口或者一个框架。在这个窗口中，我们可以执行脚本、操作DOM、以及处理用户与页面的交互。Event对象则是JavaScript事件处理中的核心，它包含了与...
Window对象是JavaScript中一个至关重要的核心概念，它是浏览器环境中所有Web应用程序的基础。它代表了浏览器的一个窗口，提供了与用户交互的界面以及访问浏览器特性的接口。这篇博客文章将深入探讨Window对象及其...
本文将深入探讨JavaScript中的BOM（Browser Object Model，浏览器对象模型）以及其中的核心对象——window对象。BOM允许JavaScript与浏览器进行交互，包括处理窗口、框架、位置等。在Web开发中，尽管ECMAScript是...
document对象和window对象是JavaScript中最为重要的内置对象，它们是网页交互的核心。document对象代表了整个HTML文档，而window对象则代表了浏览器窗口本身。理解这两个对象可以帮助开发者实现动态网页内容的更新、...
JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法，使得开发者能够实现对窗口的各种控制，如打开新的窗口、更改窗口尺寸、滚动内容...