[JavaScript知识库]JavaScript的BOM

Window对象

• Browser Object Model（浏览器对象模型）的核心是window对象

• 使用var声明的所有全局变量和函数都会变成window对象的属性和方法

弹出窗口

        window.open("https://www.baidu.com/",
                    "baidu",
                    "height=400,width=400,top=10,left=10,resizable=yes");

定时器

• JavaScript是单线程执行，可以使用定时器每隔一段时间将要执行的任务添加到队列中
• setTimeout（）用于指定一定时间后执行某些代码
• setInterval（）用于指定每隔一段时间执行某些代码

 		//一秒后打印hello world
        setTimeout(() => {
            console.log("hello world");
        }, 1000);  

        //每隔一秒打印hello world
        setInterval(() => {
            console.log("hello world");
        }, 1000);

setInterval（）不关心任务执行的时间和什么时候执行，只会按照间隔时间向任务队列添加，适合执行时间短、非阻塞的回调函数

• 取消定时任务

      //打印十次hello world
        let max = 10;
        let num = 1;
        let interval = setInterval(() => {
            num++;
            if(num > max){
                clearInterval(interval)
            }
            console.log("hello world");
        }, 1000);

系统对话框

• 警告框

    alert("hello world");

• 对话框

        let result = confirm("Are you sure?");
        if(result)
            console.log("Y");
        else
            console.log("N");

• 提示框

        let result = prompt("What is your name?" ,"Tom");
        if(result !== null)
            console.log(result);

location对象

history对象

    	//后退一页
        history.go(-1);
        //前进一页
        history.go(1);