window物件屬性與方法

Window物件屬性

首先，透過循環遍歷出window物件的所有屬性：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>php.cn</title>
<script>
//循环遍历window对象的所有属性
/*
    for(name|index in obj|arr){
        
    }
    描述：只能循环数组的下标，或对象的属性。
    说明：如果循环数组的话，每次循将取下标值。
          对于数组中值为undefined的，不会循环。
          循环数组，只返回有效的值。
        
          如果循对象的话，每次循环取对象属性。
          严格的来说，对象中没有方法一说，所有的都是属性。
          将一个函数赋给一个属性后，这个属性就变成方法了。
*/
var i = 1;
for(var name in window)
{
    document.write(i+" "+name+"<br>");
    i++;
}
</script>
</head>

<body>
</body>
</html>

#name ：指瀏覽器視窗的名字或框架的名字。這個名字是給a標記的target屬性來用的。

設定視窗的名稱：window.name = “newWin”
取得視窗的名稱：document.write (name);

top：代表最頂層視窗。如：window.top
parent：代表父級窗口，主要用於框架。
self：代表目前窗口，主要用於框架中。
innerWidth：指瀏覽器視窗的內寬(不含功能表列、工具列、網址列、狀態列)，此屬性Firefox支援。

在IE下，使用document.documentElement.clientWidth 來取代window.innerWidth

#innerHeight：指瀏覽器窗品的內高(不含功能表列、工具列、網址列、狀態列)，此屬性Firefox支援。

在IE下，使用 document.documentElement.clientHeight 來取代 window.innerHeight
document.documentElement 就是< ;html>標記物件
document.body 就是<body>標記物件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>php.cn</title>
<script>
//实例：测试当前网页的宽度和高度
//兼容所有浏览器
var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
//输出结果
document.write("宽度："+width+"，高度："+height);
</script>
</head>
<body>
</body>
</html>

window物件方法

alert()：彈出一個警告對話框。
prompt()：彈出一個輸入對話框。
confirm()：彈出一個確認對話框。如果按一下「確定按鈕」返回true，如果按一下「取消」返回false。
close()：關閉視窗
#print()：列印視窗

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>php.cn</title>
<script>
    function delect() {
        if(window.confirm("你确认要删除吗？")){
            //跳转到指定删除页面执行删除操作
           location.href="http://www.php.cn";   
        }     
    }
</script>
</head>
<body>
    <a href="#" onClick="delect()">删除</a>
</body>
</html>

新建檔案

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>php.cn</title>
<script>
//循环遍历window对象的所有属性
/*
 for(name|index in obj|arr){
 
 }
 描述：只能循环数组的下标，或对象的属性。
 说明：如果循环数组的话，每次循将取下标值。
 对于数组中值为undefined的，不会循环。
 循环数组，只返回有效的值。
 
 如果循对象的话，每次循环取对象属性。
 严格的来说，对象中没有方法一说，所有的都是属性。
 将一个函数赋给一个属性后，这个属性就变成方法了。
*/
var i = 1;
for(var name in window)
{
 document.write(i+" "+name+"<br>");
 i++;
}


</script>
</head>

<body>
</body>
</html>

提交重置程式碼

自動運行

全螢幕