javaScript window对象

最新推荐文章于 2024-07-29 13:58:45 发布

cpf2016

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量293

点赞数

分类专栏： js 文章标签： javascript ViewUI

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

（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" οnclick="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'" οnclick="openWin()" />

</body>
</html>

cpf2016

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript window对象

（1）基本概念 1.所有浏览器都支持window对象，它表示浏览器窗口 2.全局变量是window对象的属性 HTML的document也是window对象的属性之一window.document.getElementById("header"); 3.全局
复制链接

扫一扫

专栏目录