JavaScript本地对象常用方法(五)——窗口对象

窗口对象的常用方法

1.alert()
alert()将能显示的对象弹窗显示

function Inferno(){
    "Lasciate ogne speranza, voi ch'intrate"
}
alert("Lasciate ogne speranza, voi ch'intrate");
alert(Inferno);

2.onblur()和onfocus()
onblur()和onfocus()焦点离开窗口时触发事件和焦点聚焦窗口时触发事件

function countTime(){
    var leaveTime=null;
    var returnTime=null;
    window.onblur=function(){
        leaveTime=new Date().getTime();//获取离开时间
        window.onblur=null;//离开状态会持续触发所以要清空
        return leaveTime;
    }
    window.onfocus=function(){
        returnTime=new Date().getTime();//获取回到页面时间
        alert('你离开了'+parseInt((parseInt(returnTime)-parseInt(leaveTime))/1000)+'秒');//计算离开到返回的时间
        window.onfocus=null;//聚焦状态也会持续触发所以要清空
        return returnTime;
    }
}
countTime();

3.setInterval()和clearInterval()
setInterval()和clearInterval()设定每秒运行的定时器和清除该定时器

var nowTime=new Date().getTime();
var intervalHandler=setInterval(function(){//设定定时器
    console.log(new Date());//每运行一次输出当前时间
    if (parseInt(new Date().getTime())-parseInt(nowTime)>=3000) {
        console.log('清除setInterval过了3秒');
        clearInterval(intervalHandler);//清除定时器
    }
},1000);//每隔1秒运行一次

4.setTimeout()和clearTimeout()
setTimeout()和clearTimeout()设定时运行一次的定时器和清除该定时器

var timeoutHandler=setTimeout(function(){//设定定时器
    console.log(new Date());
    console.log('清除setTimeout过了5秒');
    clearTimeout(timeoutHandler);//清除定时器
},5000);//5秒后运行一次

5.open()
open()打开窗口

window.open('about:blank','_blank');
//第一个参数为地址栏如果写成location会出现死循环,写''空字符或'about:blank'则为空白页
//第二个参数为target属性,打开该窗口的节点位置

6.close()
close()关闭窗口

window.close(location);//关闭当前页面

7.confirm()
confirm()确认信息,确定返回true,取消返回false

if (confirm('1+1=2 it is true?')) {
    alert('correct');
} else{
    alert('incorrect');
}

8.prompt()
prompt(参数1,参数2)
输入窗口,参数1为输入提示,参数2为预设输入值
确认返回输入值,取消返回null

if (prompt('1+1=?')=='2') {
    alert('correct');
} else{
    alert('incorrect');
}

9.print()
print()//打印页面

print()//打印当前页
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值