javaScript_BOM

Posted 2020-08-03

BOM 的主要功能包括：（浏览器对象模型）
1. 弹出新浏览器窗口的能力。
2. 移动、关闭和更改浏览器窗口大小的能力。
3. 提供 web 浏览器详细信息的导航对象。
4. 提供浏览器载入的页面的详细信息的本地对象。
5. 提供供用户屏幕分辨率详细信息的屏幕对象。
6. 支持 cookie 。
7. IE 对 BOM 进行扩展以包括 ActiveX 对象类，可以通过 javascript 来实现 ActiveX 对象。

<script>
 function tiao(){
        location.href="new.html";  //跳转页面
    }
 function forwords(){
        window.history.forward();  //跳转到下一个页面，前提是手使用了back 和go
    }
  function ba(){
            window.history.back(); //前一页，返回
        }
        function bac(){
            window.history.go(-1); /*跳到指定页，括号中的参数表示跳到第几页*/
        }
    //间隔执行
    var num=10;
    var time = setInterval(function(){
        num--;
        console.info(num);
        if(num==0){
            clearInterval(time);  //销毁当前setinterval对象
        }
    },100);

   //定时执行
        function test(){
            //alert();
        }

        /*setTimeOut:延时执行代码*/
        window.setTimeout(test,2000);

        /*第二种方式*/
        window.setTimeout(function(){
            console.info("匿名回调函数");
        },1000);

        /*第三种方式*/
        //setTimeout("alert(123)",1000);
        var s = function(){};
        setTimeout(s,3000);

        /*递归调用*/
       var num=10;

        if(num!=0){
            test();
        }
        function test(){
            document.body.innerHTML = "";
            num--;
            document.write(num);
            if(num!=0){
                setTimeout(test,1000);
            }

        }

        var time = setTimeout(function(){
            console.info(333);
        },1000);


      clearTimeout(time);  //消除setTimeOut
 //弹出输入框
   var num = prompt("请输入你要测试的内容");
    console.info(typeof num);
    //alert();
//弹出删除框
    var boo = confirm("你是否确认删除");
    console.info(boo);
   /*第一参数是打开窗体的url
   * 第二个参数是窗体的名字
   * 第三个设置窗体的属性*/
    var open = window.open("new.html","myself","width=400px,height = 400px,left=100px,top=100px");
    setTimeout(function(){
        open.close();  //关闭窗体
    },2000)

</script>