bom对象的知识整理

BOM(不是重点)
BOM – 浏览器对象模型
bom给我们提供了一些方法让我们可以使用浏览器的一些功能。

bom中的顶级对象 window

window的属性和方法都可以不加window进行使用

window中的一些常用方法
alert(); window.alert();
confirm();
prompt(上面的提示词,默认文本);

全局变量
设置了一个全局变量,这个全局变量就相当于是window的一个属性

var num=100;//此处的num是一个全局变量。
//设置了一个全局变量,这个全局变量就相当于是window的一个属性
window.num;

open和close方法
window.open(url,target,param) 参数均为字符串格式
– url 要打开的地址
– target新窗口的位置 _blank _self
– param 新窗口的一些设置 “width = 300,height = 200”
– 返回值,新窗口的window对象
window.close() 关闭窗口,使用哪个window对象进行调用,就关闭谁

window.open("http://www.baidu.com","_blank");
//第三个参数不传就是和当前窗口大小一样

location属性

//
location.href  跳转
location.assign(url) 跳转到新页面
location.replace(url) 跳转到新页面,无法回退
 location.href和location.assign的作用是一样的。
location.reload(); 刷新页面
console.log(window.location.href);//地址栏的地址
console.log(window.location.hash);//#+锚点(不包括?号后面的)
        console.log(window.location.host);//ip+端口
        console.log(window.location.hostname);//ip或者是域名
        console.log(window.location.pathname);//端口后面的地址
        console.log(window.location.port);端口
        console.log(window.location.protocol);//协议
        console.log(window.location.search);//?+后面的参数

navigator属性
window.navigator.userAgent 获取一些浏览器的信息
window.navigator.platform 运行平台
platform 属性是一个只读的字符串,声明了运行浏览器的操作系统和(或)硬件平台。
虽然该属性没有标准的值集合,但它有些常用值,比如 “Win32”(windos操作系统)、”MacPPC(mac)” 以及 “Linuxi586”,等等。
history属性
history.go(1) 表示前进一个页面
history.go(-1) 表示后退一个页面
history.forward() 表示前进
history.back() 表示后退
定时器
setTimeout(要执行的代码,设定的时间) 超时 ,在时间到达时触发设置的代码

var timer= setTimeout(function(){},1000);

清除定时器Timeout
clearTimeout(定时器的标识) 我们一般将定时器保存在变量中,以便清除使用。

clearTimeout(timer);

setInterval(执行的代码,间隔时间) 每隔一段时间执行代码
清除定时器clearInterval();

var timer=setInterval(function(){},1000);
clearInterval(timer);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值