javaScript window对象

转载 2015年11月17日 16:39:40

(1)基本概念

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

               2.全局变量是window对象的属性

                  HTML的document也是window对象的属性之一

window.document.getElementById("header");

               3.全局函数是window对象的方法


(2)常用功能

               1.获得浏览器窗口的尺寸

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

x=document.getElementById("demo");
x.innerHTML="Browser inner window width: " + w + ", height: " + h + "."
</script>

</body>
</html>	
             因为不同浏览器设置的位置不同,所以需要使用

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;


               2.打开一个新窗口
<!DOCTYPE html>
<html>
<head>
<script>
function open_win() 
{
window.open("http://www.w3cschool.cc");
}
</script>
</head>

<body>
<form>
<input type="button" value="Open Window" onclick="open_win()">
</form>
</body>

</html>

               3.从新窗口传递数据回父窗口

<!DOCTYPE html>
<html>
<head>
<script>
function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
myWindow.focus();
myWindow.opener.document.write("<p>This is the source window!</p>");
}
</script>
</head>
<body>

<input type="button" value="Open 'myWindow'" onclick="openWin()" />

</body>
</html>	


javascript基础:window对象定时器

代码: Document function move(flag) { if(flag == 1) { //滚动窗口内容到 偏移位置 window.sc...
  • yupeigu
  • yupeigu
  • 2017年01月25日 14:38
  • 452

概念区分:JavaScript中的global对象,window对象以及document对象

1、global对象(全局对象) 《JS高级程序设计》中谈到,global对象可以说是ECMAScript中对特别的一个对象了,因为不管你从什么角度上看,这个对象都是不存在的。从某种意义上讲,它是一...
  • Summer_15
  • Summer_15
  • 2017年06月14日 22:58
  • 1433

关于JavaScript的window对象的三种对话框

代码示例如下: =======================================               window对象的三种对话框     /* 三种对话框:1...
  • u010661782
  • u010661782
  • 2015年10月10日 10:59
  • 553

【JavaScript】window对象事件

window对象-事件 专用事件: onload事件:我们需要在网页文档下载完毕时执行 的程序代码,需要放在onload事件处理程序中去编写。 onunload事件:在网页文档卸载完毕后,需要在网页...
  • u013517797
  • u013517797
  • 2015年03月08日 12:08
  • 1390

深入理解Javascript window对象

首先看我们的源代码。 深入理解Javascript console.log(this); ...
  • zoutongyuan
  • zoutongyuan
  • 2014年06月08日 13:11
  • 7242

javascript的bom对象中的window对象

window对象是窗口对象,是javascript层级中的顶层对象。所有的bom对象都是在window中操作的。...
  • vivian_zw
  • vivian_zw
  • 2016年05月15日 22:33
  • 434

javascript操作window对象

document.defaultView或全局变量window——获取一个window对象; 1)获取窗口信息 innerHeight、innerWidth——获取窗口内容区域的高度、宽度; oute...
  • bboyjoe
  • bboyjoe
  • 2015年07月16日 15:08
  • 1190

Matlab常用操作。。

(1)管理命令和函数 addpath :添加目录到MATLAB搜索路径 doc      :在Web浏览器上现实HTML文档 help     :显示Matlab命令和M文件的在线帮助 hel...
  • xiaoding133
  • xiaoding133
  • 2011年12月31日 15:19
  • 941

认识Javascript中控制窗口大小的Screen和Window对象

Screen对象存储了客户的电脑屏幕信息,这些信息可以用来探测客户端硬件的基本配置 Screen对象的基本属性: availHight:显示Web浏览器的屏幕可用高度,不包括Windows的任务栏 ...
  • u010792238
  • u010792238
  • 2014年04月08日 13:06
  • 2186

JavaScript Window对象

   Window对象在JavaScript中扮演正非常重要的角色。  下面介绍一些重要的Window属性:  closed     当窗口被关闭时,返回true  defaultStatus、sta...
  • JLife
  • JLife
  • 2007年04月23日 22:32
  • 2475
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javaScript window对象
举报原因:
原因补充:

(最多只允许输入30个字)