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对象文档,对学习javascript基本的初学者很有帮助
详细解释Window对象的使用!Window对象Window对象Window对象Window对象Window对象Window对象Window对象Window对象
本文详细介绍了JavaScript的window对象。Windows对象是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。
javascript window对象属性,网页爱好者经常需要用到,大家可以收藏下,方便以后使用。
NULL 博文链接:https://chaoyi.iteye.com/blog/2061830
window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性: 1 打开新窗口 代码如下: window.open(pageURL,name,parameters) 其中: pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数...
对JavaScript中Window对象的所有方法进行了详细的说明!初学者值得 一看! 有极大的收藏价值!!
一、Window对象概述 Window对象可以用来打开浏览器,调整浏览器的位置、大小等等功能。 Window对象可以处理框架和框架之间的关系,通过这种关系在一个框架中处理另一个框架中的文档。他也是所有对象的顶级对象,通过...
JavaScript的document和window对象详解
window对象的常用方法和作用,介绍得非常详细,希望对你有所帮助
JavaScript提供了一组以window为核心的对象,实现了对浏览器窗口的访问控制。JavaScript中定义了6种重要的对象: window对象 表示浏览器中打开的窗口; document对象 表示浏览器中加载页面...window对象就是JavaScript
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 1. open方法 语法格式: window.open(URL,窗口名称,窗口风格) 功能:打开...
JavaScript的document对象和window对象详解,js经常用得到的知识,了解下。
为了能够操纵浏览器和文档,JavaScript使用分层的父对象和子对象,这就是“文档对象模型”。这些对象的组织类似一个树型结构,并表示一个Web文档的所有内容和组件。 注意:”文档对象模型”不是JavaScript语言的一...
熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...
《即用即查-JavaScript核心对象参考手册》配套源代码 第16章 Window对象
Javascript之BOM(window对象)详解_.docx