zoukankan      html  css  js  c++  java
  • BOM-Window窗口对象

    特点:

    不需要创建,可以直接调用

      window不需要创建可以直接使用。window.方法名();

      window引用可以省略。 方法名();

      

    方法:

    与弹出框有关的方法

      ①alert() 显示带有一段消息和一个确认按钮的警告框。

      

       

      ②confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。

         返回值: 

          用户点击确定按钮方法返回true
          用户点击取消按钮方法返回false

      

       

       ③prompt() 显示可提示用户输入的对话框。返回值:用户输入的值

      

      

      用一个变量接收用户输入的值

      

       

       

     与打开关闭有关的方法

      ①open() 打开一个新的浏览器窗口或查找一个已命名的窗口。会返回一个新的window对象

      ②close() 关闭浏览器窗口。谁调用,就关谁。

      

     与定时器有关的方法

      ①setTimeout()    在指定的毫秒数后调用函数或计算表达式。一次,有返回值,返回唯一编号

      参数
        js代码或者方法对象
        毫秒值

      

       

      =

      ②clearTimeout()    取消由 setTimeout() 方法设置的 timeout。

      

       ③setInterval()    按照指定的周期(以毫秒计)来调用函数或计算表达式。循环执行,有返回值,返回唯一编号

        

       ④clearInterval()    取消由 setInterval() 设置的 timeout。

        

     属性

    ①获取其他的BOM对象

    history对象包含用户(在浏览器窗口中)访问过的 URL。是 window 对象的一部分,可通过 window.history 属性对其进行访问。

    location对象包含有关当前 URL 的信息。对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。

    Navigator对象包含有关浏览器的信息。

    Screen对象包含有关客户端显示屏幕的信息。

    ②获取DOM对象

      document文档对象


    URL :统一资源定位符

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>轮播图</title>
    </head>
    <body>
    <img id="img" src="img/banner_1.jpg" alt="" width="100%">
    <script>
        /*
        * 分析:
        *   1.在页面上使用img标签展示图片
        *   2.定义一个方法,修改图片对象的src属性
        *   3.定义一个定时器,每隔3秒调用方法一次
        * */
    
        //修改图片src属性的方法
        var nuber = 1;
    
        function fun() {
            nuber++;
            //判断number是否大于3
            if (nuber > 3) {
                nuber = 1;
            }
            var img = document.getElementById("img");
            img.src = "img/banner_" + nuber + ".jpg";
        }
    
        //定义定时器
        setInterval(fun, 3000);
        //因为方法写出来没有直接调用,3秒后才调用
        //所以图片早就加载出来了
        //所以script可以放在图片前也能使用
        //一般还是放在后面,万一页面上的内容较多,3秒加载不全
    </script>
    </body>
    </html>
  • 相关阅读:
    垃圾回收机制,正则模块
    日常模块
    文件路径带有字符串的处理方法
    QT进制之间的相互转换
    4-7 selectors模块
    4-5 异步IO模型
    4-4 多路复用IO模型
    4-3 非阻塞IO
    4-2 阻塞IO
    4-1 IO模型介绍
  • 原文地址:https://www.cnblogs.com/rijiyuelei/p/12378861.html
Copyright © 2011-2022 走看看