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对象

  • 2008年12月03日 23:31
  • 14KB
  • 下载

javascript的window.ActiveXObject对象,区别浏览器的方法

javascript的window.ActiveXObject对象,区别浏览器的方法 标签: 浏览器javascriptxmlhttprequestfirefoxchromewind...

javascript Window对象

  • 2011年09月27日 22:18
  • 104KB
  • 下载

JavaScript_之Window对象.doc

  • 2011年06月15日 10:34
  • 52KB
  • 下载

深入理解Javascript window对象

首先看我们的源代码。 深入理解Javascript console.log(this); ...

JavaScript的document和window对象详解

  • 2008年02月29日 14:20
  • 31KB
  • 下载

javaScript中window对象的方法和属性

window对象是客户端JavaScript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另...

借助FireBug来学习JavaScript的window对象

不难想象,在JavaScript中称作对象的家伙,就是符合三元素的整体。记不得什么时候学的JavaScript了,对window对象都有点模糊了。在w3school上面我们可以很清晰的看到window...
  • lfsfxy9
  • lfsfxy9
  • 2013年01月31日 21:35
  • 1655

Javascript中的window对象基本属性和方法以及对alert,confirm,prompt的使用

之前一直对BOM的东西一知半解,最近又拿起js的书来进一步学习下关于BOM的各种对象。 BOM的对象主要有: window对象:客户端Javascript中的顶级对象 navigator对象:包含客户...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javaScript window对象
举报原因:
原因补充:

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