JavaScript初见

JavaScript 的组成

1. ECMAScript语法 BOM浏览器与js交互

2. BOM浏览器与js交互

3. Dom html内容与js交互

Bom 和 window对象

1. 浏览器对象模型

2. Browser Object Model

3. document文档

4. screen屏幕

5. location地址

6. navigator浏览器对象

7. history 历史记录

8. 本地存储相关

window全局方法

var声明的或没有声明的都是他的全局变量

有id命名的HTML节点也是，用window.id的方法防问

常用全局方法，都是省略了window

alert 警告 confirm确认 prompt 弹窗    setinterval间隔调用    

setTimeout  延迟调用     document 文档，页面上    

关于屏幕 screen

1.   屏幕宽高  

        '<br>屏幕宽'+screen.width

        '<br>屏幕高'+screen.height

2.  移除状态屏幕宽高，可用宽高

        '<br>移除状态屏幕宽'+screen.availWidth

       '<br>移除状态屏幕高'+screen.availHeight

3.   浏览器可视区域宽高（窗口大小） 

        '<br>浏览器可视区域宽'+window.innerWidth

        '<br>浏览器可视区域高'+window.innerHeight

关于历史对象,history

必须是你打开或者关闭过的网页才能适用

前进  forward()   go( 1 )

后退 back()   go( -1 )

地址栏信息,location

1.  reload()普通刷新

2.  '<br>地址信息'+location.href

3.  '<br>协议'+location.protocol

4.   '<br>域名'+location.hostname

5.   '<br>路径'+location.pathname

6.   '<br>哈希'+location.hash

navigator

判断是否是手机端浏览器

if(x.includes('Mobile')){
                document.write('<br>手机端')

              }

open方法

1.  win = window.open(网址url,名称name,宽高位置feature)

2.  关闭 打开的窗口，要你打开的  win.close()

3.  close() 直接关闭原窗口

常用事件

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

2.  onscroll    有滚动条的时候滚动触发

滚动距离  document.documentElement.scrollTop

编码

常见编码

utf-8 万国码 gb2312 国标   gbk 中文包含繁体字

编译为URL  

初始        转/解URI     转/解URI (包含标点符号)

decode   decodeURI  decodeURIComponent

encode   encodeURI  encodeURIComponent

预览图片

var src = window.URL.createObjectURL(file);