BOM

BOM(浏览器对象模型)

浏览器

1. chrome（谷歌浏览器）–>和苹果浏览器内核相同
2. IE浏览器
3. FireFox（火狐）
4. opera（欧朋）

• for（in）：用于遍历对象

window常用方法

1. alert()：带有一个确定按钮的警告框
2. confirm()：带有确定和取消按钮的警告框
3. prompt()：带有输入框的弹窗
4. print()：打印机
5. open(“https://www.baidu.com”,"_blank",“width=500,height=500,top=100,left=200,toolbar=yes”)
   打开窗口
6. close() ：关闭页面
7. window.screenLeft：窗口距离屏幕左边的距离
   window.screenTop：窗口距离屏幕上边的距离
   window.innerWidth：窗口的宽度
   window.innerHeight：窗口的高度
   window.outerWidth：窗口的宽度+边框
   window.outerHeight：窗口的高度+边框
8. setInterval()：定时器
   clearInterval()
   setTimeout()
   clearTimeout()

location对象

1. hash：返回URl地址中#及#后面的内容
2. host：主机名+端口号
3. hostname：主机名
4. href：整个URL地址
5. pathname：路径名
6. port：端口号
7. search：返回URL地址中?及？后面的内容
8. reload：重载当前URL
9. assign：跳转到指定页面，与href等效
10. replace：用新的URL替换当前页面

navigator对象(浏览器的导航信息)

1. navigator.appName：浏览器名称
2. navigator.appVersion ：浏览器的版本
3. navigator.platform：浏览器所在的操作系统
4. navigator.userAgent：用户代理
   判断浏览器

if(navigator.userAgent.indexOf("MSIE 7.0")!=-1){
	alert("我是IE浏览器7")
	}

screen对象

screen.width/height：屏幕的宽高

history对象

1. history.back() ：每次回退一个历史记录
2. history.forward() ：每次前进一个历史记录
3. history.go(x) ：跳转x条历史

cookie，localStorage和sessionStorage

• cookie
  document操作

1. cookie是存储在用户电脑上的，是通过域名存储的，不同的域名有不同点cookie
2. cookie是有过期时间的，如果设置了过期时间，时间已到就消失了，如果没有设置过期时间，浏览器关闭就消失
3. 存储大小：4kb
4. cookie 不安全

//创建一条cookie指定10天之后过期
var a=new Date()
a.setDate(a.getDate()+10)
document.cookie="aaa=666;expires="+a
document.cookie="bbb=777;expires="+a

//封装一个设置cookie的方法
function setCookie(name,value,oTime){
var oDate=new Date();
oDate.setDate(oDate.getDate()+oTime)
	document.cookie=name+"="+value+";expires="+oDate  
}
setCookie("age","18",20)

//封装一个获取cookie	方法
function getCookie(name){
	var arr=document.cookie.split("; ")
	for(var i=0;i<arr.length;i++){
		var arr2=arr[i].split("=")
		if(arr2[0]==name){
			return arr2[1]
		}
		}
	}
	
//封装一个删除cookie方法
function removeCookie(name){
	setCookie(name,'1',-1)//删除，即把cookie过期时间设为以前，昨天
}
removeCookie("username")
console.log(getCookie("username"))
console.log(getCookie("pass"))

• localStorage
  永久存储，清除缓存就消失了 大小5M
• sessionStorage
  浏览器页面关闭就消失 大小5M
  window操作

//设置，获取，删除
//localStorage，sessionStorage方法相同
window.sessionStorage.setItem("name",oInput[0].value)
console.log(window.sessionStorage.getItem("name"))
window.sessionStorage.removeItem("name")

来源：CSDN

作者：A'klen

链接：https://blog.csdn.net/qq_45425279/article/details/103600454