BOM
- 浏览器对象模型
- BOM可以使我们通过js来操作浏览器
- BOM对象
window
- 代表的是整个浏览器的窗口,同时window也是网页中的全局对象
navigator
- 代表的当前浏览器的信息,通过该对象可以识别不同的浏览器
大部分信息已经不能帮助我们识别浏览器
location
- 代表当前浏览器的地址栏信息,通过location可以获取地址栏信息,或者操作浏览器跳转页面
history
- 代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录
可以用来操作浏览器向前或者向后翻页
back()
回退到上一个页面
forward()
跳到下一个页面
screen
- 不常用,代表用户的屏幕信息,通过该对象可以获取到用户的显示器的相关信息
判断浏览器
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
if (isIE) {
var reIE =new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion =parseFloat(RegExp["$1"]);
if (fIEVersion ==7) {
alert('ie7');
}else if (fIEVersion ==8) {
alert('ie8');
}else if (fIEVersion ==9) {
alert('ie9');
}else if (fIEVersion ==10) {
alert('ie10');
}else {
alert('ie6');//IE版本<=7
}
}else if (isEdge) {
alert('edge');;//edge
}else if (isIE11) {
alert('ie11'); //IE11
}else {
alert('no ie');//不是ie浏览器
if(/firefox/i.test(userAgent)){
alert('火狐浏览器')
}else if (/chrome/i.test(userAgent)) {
alert('谷歌浏览器')
}
}
定时器
setInterval()
-定时调用
-可以将函数.每隔一段时间调用一次
-参数
1.回调函数
2.每次调用间隔的时间,单位是毫秒
setTimeout()
-延时调用
-函数不马上执行,而是隔一段时间之后再执行
-参数
1.回调函数
2.等待调用的时间,单位是毫秒
setInterval()和setTimeout()的区别
setInterval()：方法可按照指定的时间周期来调用函数（以毫秒为单位）
语法：setInterval(函数表达式，毫秒数)；
setInterval()：会调用多次,直到关闭定时器,或者窗口被关闭，由 setInterval()返回的ID值可用作clearInterval()方法的参数。
setTimeout()：方法用于在指定毫秒数后再调用函数（以毫秒为单位）
语法：setTimeout(函数表达式，毫秒数)；
setTimeout()只执行函数一次,如果关闭需要使用clearTimeout()。
JavaScript Object Notation(js 对象 表示法)
json 就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象
json 在开发中主要用来做数据交互
json和js对象的格式一样,只不过json字符串中的属性名必须加双引号
json对象在ie7以下的浏览器中不支持,
json分类
1.对象{}
2.数组[]
json中允许的值
1.字符串 string（在双引号中）
2.数值 number（整数或浮点数）
3.布尔值 boolean（true 或 false）
4.null
5.对象 {}（在花括号中）
6.数组 array（在方括号中）
JSON.parse() 将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify() 将 JavaScript 值转换为 JSON 字符串。
