Window 对象其他常用方法

open()方法

  • 功能:打开一个新的浏览器窗口。

  • 语法:var winObj = window.open([url][,name][,options]);

  • 说明:参数可有可无。如果没有指定参数,则打开一个选项卡式的窗口(大小是最大大化)。

  • 参数:

    • url:准备在新窗口中显示哪个文件。url可以为空字符串,表示显示一个空的页面。

    • name:新窗口的名字,该名字给标记的target属性来用

    • options:窗口的规格。

                                    width:新窗口的宽度

                                    height:新窗口的高度

                                    left:新窗口距离屏幕左边的距离

                                    top:新窗口距离屏幕上边的距离

                                    menubar:是否显示菜单栏,取值:yes、no

                                    toolbar:是否显示工具栏。

                                    location:是否显示地址栏。

                                    status:是否显示状态栏。

                                    scrollbars:是否显示滚动条,不能省略s字母。

                4.返回值:返回一个window对象的变量,可以通过该名称跟踪该窗口。winObj具备window对象的所有属性和方法。

注:

onload事件:当网页加载完成,指标记的所有内容全部加载完成,才触发该事件(条件)。通过onload事件属性,去调用JS的函数。onload属性只有body标记才有。

onclick事件:当单击时,去调用JS代码。所有HTML标记都具有该事件属性。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
        function init(){
        window.open("","php.cn") 
        }
        </script>
    </head>
    <body onload="init()">
    </body>
</html>


延时器方法——setTimeout()

setTimeout()

  • 功能:设置一个延时器,换句话说:时间一到,就执行JS代码一次。

  • 语法:var timer = window.setTimeout(code,millisec)

  • 参数:

                code:是任何合法的JS代码,一般情况下是JS函数。该函数要放在引号中。

                        举例:window.setTimeout(“close()” , 2000)

                        举例:window.setTimeout(init, 2000);  //传函数地址,因此不需要加括号。如果加括号,是将函数的执行结果传到方法中。

                 millisec:毫秒值。1秒=1000毫秒

  • 返回值:返回一个延时器的id变量,这个id变量给clearTimeout()用来清除。

clearTimeout()

  • 功能:清除延时器id变量

  • 语法:window.clearTimeout(timer)

  • 参数:timer就是由setTimeout()设置的延时器的id变量。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
        function init(){
        //打开一个新窗口
        var win=window.open();
        win.document.write("欢迎来到php.cn") ;
        //新窗口2秒后关闭
        win.setTimeout("window.close()",2000);
        }
        </script>
    </head>
    <body onload="init()">
    </body>
</html>


定时器方法

setInterval()

  • 功能:设置一个定时器。定时器,重复不断的执行JS代码(周期性)。

  •  语法: var timer = window.setInterval(code , millisec)

  • 参数:

                code:是任何合法的JS代码,一般情况下是JS函数。该函数要放在引号中。

                        举例:window.setInterval(“init()” , 2000)

                        举例:window.setInterval(init, 2000);  //传函数地址,因此不需要加括号。如果加括号,是将函数的执行结果传到方法中。

                millisec:毫秒值。1秒=1000毫秒

  • 返回值:返回一个定时器的id变量,这个id变量给clearInterval()用来清除。

clearInterval()

  • 功能:清除定时器id变量

  • 语法:window.clearInterval(timer)

  • 参数:timer就是由setInterval()设置的定时器的id变量。

继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> function init(){ window.open("","php.cn") } </script> </head> <body onload="init()"> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

javascript初级教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

落花微雨

还是缺乏锻炼,不能活学活用。

6年前    添加回复 0

一辆想出轨的无轨电车

这到底是干啥用的

7年前    添加回复 0

我又来了

没看懂,越来越难了

7年前    添加回复 0

我喜欢晴天

延时器方法和定时器方法有很多相似的地方啊

7年前    添加回复 0

末日的春天

onclick事件:当单击时,去调用JS代码。所有HTML标记都具有该事件属性。 貌似这个使用比较多

7年前    添加回复 0

小天

定时器有点复杂,在看一遍了!

7年前    添加回复 0

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