深入学习JavaScript中的bom

2023-08-22 23:27:05 212

BOM（BroswerObjectModel）

凡是window的属性和方法，均可以省略“window.”

方法：

框窗

1.警告框

window.alert("msg");

2.确认框

window.confirm("msg");

3.询问框

window.prompt("msg","defaulvalue")

页面

1.打开一个窗口

window.open()

2.在子窗口中使用，表示父窗口的window对象

window.opener

window.opener.fatherSayHello();调用父窗口的方法
window.opener.a

3.关闭当前窗口

window.close()

window.close();关闭当前
window.opener.close();关闭父窗口

定时任务

1.定时任务

vartaskid=window.setTimeout(function,ms);
window.setTimeout("alert('hello！')",5000);

2.间隔执行任务

vartaskid=window.setInteval(function,ms);

3.清除定时任务

window.clearTimeout(taskid);

4.清除间隔执行任务

window.clearInteval(taskid);

打印屏幕

//长*宽
console.log(screen.width+"*"+screen.height)

后退

window.history.back();

前进

window.history.forward();

刷新

window.location.reload();//刷新
window.location.href=window.location.href;//刷新

Go前进(x)步,后退(x)步,刷新(0),

window.history.go(x)

链接

window.location.href=http://www.baidu.com;

用户代理浏览器内核

console.log(window.navigator.userAgent)

框窗

//凡是window的属性和方法，均可以省略“window.”

//警告框
functiontestAlert(){
varresult=window.alert("这是一个警告框")
console.log(result);
}
//confirm确认框
functiontestConfirm(){
varresult=window.confirm("你确认要离开了吗?");
if(result){
alert("欢迎下次再来!")
}else{
alert("那你在逛逛吧!")
}
consol.log(result);
}
//prompt询问框
functiontestPrompt(){
varresult=window.prompt("请输入U盾密码","例如:123456");
console.log(result);
}


testAlert
testConfirm
testPrompt

页面

//子页面

functionsayHello(){
alert("helloworld")
}
//打开一个窗口
functioncallFatherMethod(){
window.opener.fatherSayHello();
window.opener.a
}
//关闭本窗口
functiontestClose(){
window.close();
}
//关闭父窗口
functiontestFatherClose(){
window.opener.close();
}


调用父窗口的方法
关闭本窗口
关闭父窗口

//父页面

vara=10;
window.onload=function(){
console.log(window);
console.log("11111111111")
}
//打开一个新窗口
functiontestOpen(){
varsonwindow=window.open("son.html","aaa","height=300,width=500,top=50,left=50,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")
//子窗口的window对象
console.log(sonwindow);
}
functionfatherSayHello(){
alert("helloson!");
}


打开一个新窗口

定时任务


functionsetTime(){
//window.setTimeout("alert('hello！')",5000);
window.setTimeout(sayHello,5000);
}
varsayHello=function(){
alert("你好！");
}



调用sayHello
调用setTime

间隔执行任务


/*
window.onload=function(){
window.setTimeout(closeSelf,1000);
}
functioncloseSelf(){
varsecval=document.getElementById("sec").innerHTML;
varsecint=parseInt(secval);
document.getElementById("sec").innerHTML=--secint;
if(secint==0){
window.close();
}
window.setTimeout(closeSelf,1000);
}
*/

vartaskid=0;
window.onload=function(){
//间隔执行任务,间隔1000ms执行一次
taskid=window.setInterval(closeSelf,1000);
}
functioncloseSelf(){
//获取10s
varsecval=document.getElementById("sec").innerHTML;
console.log(secval);
varsecint=parseInt(secval);
console.log(secint);
//10s减减
document.getElementById("sec").innerHTML=--secint;
if(secint==0){
window.close();
}
}
//4.清除间隔执行任务暂停
functionstopTask(){
window.clearInterval(taskid);
}
//继续计时
functiongoonTask(){
taskid=window.setInterval(closeSelf,1000);
console.log(taskid)
}


付款成功，页面将在10s后关闭。
稍等，待会我会自己关闭
继续读秒，关闭窗口

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

深入学习JavaScript中的bom

热门推荐

随机推荐