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 ()`,相当于用户点击了浏览器的“后退”或“前进”按钮