BOM浏览器模式和window对象

最新推荐文章于 2024-07-26 20:46:33 发布

sun_clouds

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量294

点赞数

文章标签： javascript 浏览器对象

本文链接：https://blog.csdn.net/sun_clouds/article/details/78198842

版权

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title> BOM浏览器模式和window对象学习</title>
  
  <script type="text/javascript">
  //window方法举例
   //1.警告框
   function testAlert(){
    window.alert("我是警告框");
   }
   //2.确认框
   function testConfirm(){
    var flag=window.confirm("你要卸载我吗？");
    window.alert(flag);
   }
   //3.提示框
   function testPrompt(){
    var str=window.prompt("请输入昵称：","例如：李白");
    window.alert(str);
   }
   /*--------------------------------------------------------------------------*/
   //定时执行
   var tid;
   function testSetTimeOut(){
    tid=window.setTimeout(function(){
     alert("定时执行");
    },3000);
   }
   //间隔执行
   var id;
   function testInterval(){
    id=window.setInterval(function(){
     alert("间隔执行");
    },2000);
   }
   //关闭间隔执行
   function testClearInterval(){
    window.clearInterval(id);
   }
   //关闭定时执行
   function testClearTimeOut(){
    window.clearTimeout(tid);
   }
/*----------------------------------------------------------------------------------------*/
   function testOpen1(){
    window.open("http://www.baidu.com");//使用open打开网络资源

   }
   function testOpen2(){
    window.open("sun.html");//使用open打开本地资源

   }
   //属性
   function testOpener(){
    alert("我是Opener");
   }
  </script>
</head>
<body>
  <input type="button" id="" value="测试windowAlert" οnclick="testAlert();"/>
  <input type="button" id="" value="测试Confirm" οnclick="testConfirm();"/>
  <input type="button" id="" value="测试prompt" οnclick="testPrompt();" />
  <hr />
  <input type="button" id="" value="测试setTimeOut" οnclick="testSetTimeOut();"/>
  <input type="button" id="" value="测试interval" οnclick="testInterval();"/>
  <input type="button" id="" value="测试关闭clearInterval" οnclick="testClearInterval();"/>
  <input type="button" id="" value="测试关闭TimeOut" οnclick="testClearTimeOut();"/>
  <hr />
  <input type="button" id="" value="测试子页面" οnclick="testOpen1();"/>
  <input type="button" id="" value="测试打开本地资源" οnclick="testOpen2();"/>
</body>
</html>

sun_clouds

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM浏览器模式和window对象

BOM浏览器模式和window对象学习 BOM浏览器模式(Browser Object Mode)这是一种理想的模式，如果每个浏览器开发商都按照这种方式来开发，就会提高开发效率，使互联网朝着健康的方向发展。具体的实现是window对象 1.框体方法：alert();警告，无返回值 confirm();确认，有返回值，确定返回true，取消返回f
复制链接

扫一扫