window对象学习

bingmo_

已于 2022-02-23 17:04:42 修改

阅读量199

点赞数

分类专栏：前端文章标签：学习 javascript vue.js

于 2019-09-30 15:03:22 首次发布

本文链接：https://blog.csdn.net/bingmo_/article/details/101773336

版权

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<html>
   <head>
      <title>window对象学习</title>
      <meta charset="UTF-8"/>
      <!--
         BOM浏览器对象模型：是规范浏览器对js语言的支持(js调用浏览器本身的功能)。
         BOM的具体实现是window对象  
         window对象使用学习：
            1、window对象不用new，直接进行使用即可，类似Math的使用方式，window关键字可以省略不写。
            2、框体方法
               alert:警告框  提示一个警告信息，没有返回
               confirm:确认框  提示用户选择一项操作（确定/取消）
                     点击确定 返回true
                     点击取消  返回false
               prompt:提示框， 提示用某个信息的录入或者说收集
                     点击确定，返回当前用书录入的数据，默认返回空字符串
                     点击取消,返回null
            3、定时和间隔执行方法
               setTimeout:指定的时间后执行指定的函数
                        参数1：函数对象
                        参数2：时间，单位毫秒。
                        返回值：返回当前定时器的id
               setInterval:每间隔指定的时间执行指定的函数
                        参数1：函数对象
                        参数2：时间，单位毫秒。
                        返回值：返回当前间隔器的id
               clearTimeout:用来停止指定的定时器
                        参数：定时器的id                       
               clearInterval:用来停止指定的间隔器
                        参数：间隔器的id
      -->
      <!--声明js代码域-->
      <script type="text/javascript">
         //框体方法学习：
            //警告框
            function testAlert(){
               var a=window.alert("我是警告框");
               alert(a);
            }
            //确认框
            function testConfirm(){
               var flag=window.confirm("你确定要删除吗?");
               alert(flag);
            }
            //提示框
            function testPrompt(){
               var str=window.prompt("请输入昵称：");
               alert(str);
            }
/*----------------------------------------------------------------------------------------------*/
            var idi;
            var ids
            //定时执行
               function testSetTimeout(){
                  idi=window.setTimeout(function(){
                     alert("我是定时执行");
                  },3000);
               }
            //间隔执行
               function testSetInterval(){
                  ids=window.setInterval(function(){
                     alert("我是间隔执行");
                  },2000);
               }
            //停止当前的定时方法
               function testClearTimeout(){
                  window.clearTimeout(idi);
               }           
               function testClearInterval(){
                  window.clearInterval(ids); 
               }
      </script>
   </head>
   <body>
      <h3>window对象学习</h3>
      <hr />
      <input type="button" name="" id="" value="测试警告框" οnclick="testAlert();" />
      <input type="button" name="" id="" value="测试确认框" οnclick="testConfirm()" />
      <input type="button" name="" id="" value="测试提示框"  οnclick="testPrompt()"/>
      <hr />
      <input type="button" name="" id="" value="测试setTimeout--定时执行"  οnclick="testSetTimeout()"/>
      <input type="button" name="" id="" value="测试setInterval--间隔执行"  οnclick="testSetInterval()"/>
      <input type="button" name="" id="" value="测试clearTimeout--停止指定的定时器" οnclick="testClearTimeout()" />
      <input type="button" name="" id="" value="测试clearInterval--停止指定的间隔器" οnclick="testClearInterval()" />
   </body>
</html>

bingmo_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window对象学习

<html> <head> <title>window对象学习</title> <meta charset="UTF-8"/> <!-- BOM浏览器对象模型：是规范浏览器对js语言的支持(js调用浏览器本身的功能)。 BOM的具体实现是window对象...
复制链接

扫一扫

专栏目录