javascript内置的跟本机浏览器交互的对象---BOM

1. 获取浏览器的版本相关信息使用navigator

navigator对象表示浏览器的信息,最常用的属性包括:
1.navigator.appName:浏览器名称;
2.navigator.appVersion:浏览器版本;
3.navigator.language:浏览器设置的语言;
4.navigator.platform:操作系统类型;
5.navigator.userAgent:浏览器设定的User-Agent字符串。
例如:
console.log('appName = ’ + navigator.appName);//获取浏览器名称;
console.log('appVersion = ’ + navigator.appVersion);//获取浏览器版本;
console.log('language = ’ + navigator.language);//获取浏览器设置的语言;
console.log('platform = ’ + navigator.platform);//获取操作系统类型;
console.log('userAgent = ’ + navigator.userAgent); //获取浏览器设定的User-Agent字符串;

2. 获取浏览器窗口信息使用window

window对象中包含的常见属性:
1 innerHeight 获取浏览器内部高度;
2 innnerWidth 获取浏览器内部宽度;
3 outerHeight 获取浏览器外部高度;
4 outerWidth 获取浏览器外部宽度;

window对象常见方法:
1.alert:警告框;
2.confirm:确认框;
3.prompt:输入提示框;
4.open:打开新的窗口;
定时器,清除定时器
5.setInterval(函数,时间) 只执行一次;
6.setTimeout(函数,时间) 无限执行;
7.clearTimeout(定时器名称) 清除定时器

3. 获取本机屏幕相关信息适应screen

screen对象表示屏幕的信息,常用的属性有:
1.screen.width:屏幕宽度,以像素为单位;
2.screen.height:屏幕高度,以像素为单位;
3.screen.colorDepth:返回颜色位数,如8、16、24
4.availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外);
5.availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外);

4. 获取导航信息,链接跳转使用location

location`对象表示当前页面的URL信息。例如,一个完整的URL:http://www.example.com:8080/path/index.html?a=1&b=2#TOP.

可以用location.href获取。要获得URL各个部分的值:
location.protocol; // ‘http’
location.host; // ‘www.example.com’
location.port; // ‘8080’
location.pathname; // ‘/path/index.html’
location.search; // ‘?a=1&b=2’
location.hash; // ‘TOP’

要加载一个新页面,可以调用location.assign()。如果要重新加载当前页面,调用location.reload()方法
if (confirm(‘重新加载当前页’ + location.href + ‘?’)) {
location.reload();
} else {
// 设置一个新的URL地址
location.assign(’/’);
}

5. 需要获取历史记录以及跳转使用history
history`对象保存了浏览器的历史记录,JavaScript可以调用`history`对象的`back()`或`forward ()`,相当于用户点击了浏览器的“后退”或“前进”按钮
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值