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="//m.sbmmt.com";   
        }     
    }
</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>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

javascript初级教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
我喜欢晴天

我喜欢晴天

for循环还有这种用法啊

4年前    添加回复 1

回复
落花微雨

落花微雨

最骚的是测试页面也可以访问网页。

3年前    添加回复 0

回复
我只是一条咸鱼哈

我只是一条咸鱼哈

慢慢来

4年前    添加回复 0

回复
一辆想出轨的无轨电车

一辆想出轨的无轨电车

有注释好多了

4年前    添加回复 0

回复
我又来了

我又来了

好像有点理解了

4年前    添加回复 0

回复
小天

小天

例子讲解的很清晰,要是有视频讲解就更完美了,哈哈哈

4年前    添加回复 0

回复
末日的春天

末日的春天

循环输出一堆,大部分没看懂是啥

4年前    添加回复 0

回复
Mr.L

Mr.L

location在JS中可以做超链接

4年前 0

Mr.L

Mr.L

alert():弹出一个警告对话框。 prompt():弹出一个输入对话框。 confirm():弹出一个确认对话框。如果单击“确定按钮”返回true,如果单击“取消”返回false。 close():关闭窗口 print():打印窗口

4年前 0

素颜

素颜

alert():弹出一个警告对话框。 prompt():弹出一个输入对话框。 confirm():弹出一个确认对话框。如果单击“确定按钮”返回true,如果单击“取消”返回false。 close():关闭窗口 print():打印窗口

4年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~