BOM

本文介绍了如何使用JavaScript进行窗口操作,包括移动、调整大小、弹窗等,并演示了如何利用浏览器API实现定时任务、获取屏幕及浏览器信息等功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

BOM  :
//将窗口向右移动100像素,向下移动100个像素
window.moveBy(100,100);
//移动浏览器窗口
window.moveTo(10,20);
//将窗口宽度调整为150,高度调整为300
window.resizeTo(10,20);
// 相对于向前窗口调整宽高
window.resizeBy(10,20);


弹框:
alert()//警示框

confirm()//提示框,有返回值,确定:true,取消:false
var boo=confirm("是否要继续")
if(boo){
//...
}else{
//....
}

弹框输入框:
var str = prompt ( "请输入一个值" );
console . log ( str );
//prompt()可以传两个参,第一个参数,提示的语句,第二个参数是默认值


只针对于opera浏览器可以看到的
window.defaultStatus="没有问题";//defaultStatus是设置浏览器的状体默认的内容
window.status="还是没有问题";//status设置状态栏的内容


设置自启动操作弹框:
写法一:命名函数的操作
function use (){
alert ( "调用" )
}
setTimeout ( use , 2000 );

写法二:匿名函数的操作
setTimeout ( function (){
alert ( "被调用了" )
}, 2000 );

写法三:打印到控制台
setTimeout ( " console . log ('666')" , 1000 )



间隔执行:
function use (){
document . write ( a + "</br>" )
a --;
if ( a ==- 1 ){
//关闭
clearInterval ( time );
}

}
var time = setInterval ( use , 200 );
//setInterval可以使用命名函数,匿名函数,也有销毁它的clearInterval


返回上一级,下一级
< a href= "a.html" > 下一页 </ a >
< button onclick= " forw () " > forward </ button >
< button onclick= " goNext () " > goNext </ button >


< script >
//history--浏览器中的浏览记录
//forward/go/back
function forw (){
window . history . forward ();
}
function goNext (){
window . history . go ( 1 )
}
</ script >



< button onclick= " bac () " > 上一页 </ button >
< button onclick= " goBack () " > 上一页 </ button >

< script >
function bac (){
window . history . back ();
}
function goBack (){
window . history . go (- 1 );
}
</ script >




document.write("内容")
不建议使用,因为使用时会重新刷新页面



<!-- location:地址-->
<!-- location中可以了解URL内容-->
<!-- 解析URL
host:URL中的主机名称
pathname:URL中主机名后面的部分
port:端口
protocol:协议
search:URL中?后面的内容-->
< script >
setTimeout ( function (){
location . href = " http://www.baidu.com " ;
// href属性,可以定位到别的地址
// assign()方法,也是定位到别的地址
// location.assign(" http://www.baidu.com ")
// replace()方法,也是定位到别的地址,但是不会留下历史记录
// location.replace(" http://www.baidu.com ");
}, 3000 );
</ script >







screen对象:包含的是客户端显示屏幕的信息
// 可以通过screen对象来获得和当前页面有关的信息
console . log ( window . screen . width ); //屏幕宽
console . log ( window . screen . height ); //屏幕高
console . log ( window . screen . availHeight ); //可利用的高
console . log ( window . screen . availWidth ); //可以利用的宽
console . log ( window . screen . colorDepth ); //返回目标设备或缓冲器上的调色板的比特深度






navigator对象:浏览器的信息:
//用户设置的首选语言
console . log ( window . navigator . language );
//读取一个boolean值,声明该系统是否脱机
console . log ( window . navigator . onLine );
//读取一个字符串,声明浏览器用于Http请求协议的用户代理头的值
console . log ( window . navigator . userAgent );









评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值