码迷,mamicode.com
首页 > Windows程序 > 详细

BOM-Window窗口对象

时间:2020-02-28 21:05:11      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:head   表达   警告   har   一个   包含   img   标签   uber   

特点:

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

  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"  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>

 

BOM-Window窗口对象

标签:head   表达   警告   har   一个   包含   img   标签   uber   

原文地址:https://www.cnblogs.com/rijiyuelei/p/12378861.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!