zoukankan      html  css  js  c++  java
  • BOM window对象方法

    window对象方法

        alert():弹出一个警告对话框。

        prompt():弹出一个输入对话框。

        confirm():弹出一个确认对话框。如果单击“确定按钮”返回true,如果单击“取消”返回false。

        close():关闭窗口

        print():打印窗口

      open()方法

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

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

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

          参数:

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

            name:新窗口的名字,该名字给<a>标记的target属性来用。

            options:窗口的规格。

            width:新窗口的宽度

            height:新窗口的高度

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

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

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

            toolbar:是否显示工具栏。

            location:是否显示地址栏。

            status:是否显示状态栏。

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

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

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

        onclick事件:当单击时,去调用JS代码。所有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变量。

    定时器方法

    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变量。

    /*********************************************/

     <script type="text/javascript">

    //网页加载完成,去调用JS函数
    window.onload = init; //函数传地址,不能带括号
    //定义函数
    function init()
    {
    //定时器:每隔1秒,调start2()函数一次
    //定时器总是调用其它函数,而延时器总是调用自己所在的函数。
    window.setInterval("start2()",1000);
    }
    //全局变量
    var i = 1;
    function start2()
    {
    //获取网页中id=img01的图片元素对象
    var imgObj = document.getElementById("img01");
    //图片对象有src属性,那么 imgObj对象也有src属性
    imgObj.src = "images/dd_scroll_"+i+".jpg";
    i++;
    //如果超过6,则i=1。
    if(i>6)
    {
    i = 1;
    }
    }
    </script>
    </head>
    <body>
    <img id="img01" src="images/dd_scroll_1.jpg" />
    </body>

    /*******************************************/

    screen屏幕对象

      Width:屏幕的宽度,只读属性。

      Height:屏幕的高度,只读属性。

      availWidth:屏幕的有效宽度,不含任务栏。只读属性。

      availHeight:屏幕的有效高度,不含任务栏。只读属性。

    navigator对象

        appName:浏览器软件名称,主要用来判断客户使用的是什么核心的浏览器。

        如果是IE浏览器的话,返回值为:Microsoft Internet Explorer

        如果是Firefox浏览器的话,返回值为:Netscape

          appVersion:浏览器软件的核心版本号。

          systemLanguage:系统语言

          userLanguage:用户语言

          platform:平台

    Location地址栏对象

      href:获取地址栏中完整的地址。可以实现JS的网页跳转。location.href = “http://www.sina.com.cn”;

      host:主机名

      hostname:主机名

      pathname:文件路径及文件名

      search:查询字符串。

      protocol:协议,如:http://、ftp://

      hash:锚点名称。如:#top

      reload([true]):刷新网页。true参数表示强制刷新

    注意:所有的属性,重新赋值后,网页将自动刷新。

    <meta  http-equiv = “refresh”  content = “5;url=http://www.sina.com.cn”  />

    history对象

      length:历史记录的个数

      go(n):同时可以实现“前进”和“后退。”

    1.    history.go(0)  刷新网页
    2.    history.go(-1)  后退
    3.    history.go(1)   前进一步
    4.    history.go(3)   前进三步

      forward():相当于浏览器的“前进”按钮

      back():相当于浏览器的“后退”按钮

  • 相关阅读:
    RabbitMQ使用教程(一)RabbitMQ环境安装配置及Hello World示例
    Spring入门(四):使用Maven管理Spring项目
    Java基础知识常见面试题汇总 第三篇
    Java基础知识常见面试题汇总 第二篇
    Java基础知识常见面试题汇总 第一篇
    程序员如何巧用Excel提高工作效率 第二篇
    程序员如何巧用Excel提高工作效率
    数据库管理工具DataGrip使用总结(一)
    MySql给表添加列和注释
    Spring入门(三):通过JavaConfig装配bean
  • 原文地址:https://www.cnblogs.com/yd09023/p/5865280.html
Copyright © 2011-2022 走看看