5.17JS的这些Bom基础内容快来学习吧

前言：目前正在学习JS的一些基础内容，会将学习到的持续分享到博客，欢迎萌新观看 文章目录 一、window对象二、window全局方法三、screen屏幕四、history历史记录五、location地址栏信息六、navigator七、open方法八、事件九、编码

           1.常见编码

           2.编译为URL

           3.预览图片

一、Bom、window对象

1.浏览器对象模型Browser Object Model

2.document文档
3.screen 屏幕
4.location 地址
navigator 浏览器对象
5.history历史记录
6.本地存储相关

二、window全局方法

1. script 中 var 声明变量没有用var 声明的变量 都是window全局变量

2. 有id命名的html节点也是全局对象 可以通过window.id名访问

3. 常用全局方法，都是省略了window，alert警告，confirm 确认，promptd框，setInterval间隔调用，setTimeout延迟调用，isNaN是否为非数字，doument文档

三、screen屏幕

1、width 屏幕宽、height 屏幕高

	// 屏幕的宽高
			document.write("
屏幕的宽"+screen.width);
			document.write("
屏幕的高"+screen.height);

2、avialWidth 除任务栏宽、availHeight 除任务栏高

// 移除状态的屏幕宽高
			document.write("
可用屏幕的宽"+screen.availWidth);
			document.write("
可用屏幕的高"+screen.availHeight);
			

3、window.innerHeight 浏览器的可视区域高、window.innerWdith 浏览器的看的是区域宽

	// 浏览器可视区域的宽高
			document.write("
浏览器可视区域宽"+window.innerWidth);
			document.write("
浏览器可视区域高"+window.innerHeight);

四、history历史记录

1、forward() 前进、go(1)前进

2、back() 后退、go(-1)后退

*注：有浏览记录才能前进或后退

screenB
		前进
		返回
		

六、navigator

1、ua  = navigator.userAgent;、浏览器的头信息

2、判断浏览器、        if(ua.includes("Mobile")){//手机浏览器}

	跳转
		

七、open方法

1、win = window.open(url,name,feature)
2、url 打开文件的地址  https://www.baidu.com
3、name 名称  
4、feature 特性  “width=400,height=400,top=200,left=200”

5、关闭 打开的窗口win.close() 

	打开窗口
		关闭打开的窗口
		 
		

八、事件

1、onload事件窗口、图片加载完毕触发

		
	
	
		windows 常用事件
		
onload,onscroll onresize
	
	

2、onscroll 滚动时候触发、滚动距离：document.documentElement.scrollTop

3、resize当窗口发生大小变化

九、编码

1、常见编码：utf-8 万国码、gb2312 国标、gbk  中文包含繁体字

2、编译为URL：decodeURI：

转url编码、encodeURI：解url编码decodeURIComponent：转URI编码、ecodeURIComponent：解URI编码（包含标点符号）

	
utf-8,gb2312,xxxx
		

3、预览图片：img.src = window.URL.createObjectURL(myf.files[0])