关闭

javaScript window对象

143人阅读 评论(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" 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>	


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:140998次
    • 积分:1950
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:338篇
    • 译文:0篇
    • 评论:12条
    文章分类
    最新评论