Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

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>
Weiter lernen
||
<!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>
einreichenCode zurücksetzen
Vorherige Sektion nächsten Abschnitt
Tutorial-Liste
Hilfe bekommen
  • Kursempfehlungen
  • Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit

Auch Studierende, die diesen Kurs gesehen haben, lernen

Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)  492569 spielt ab