js小知识

js的三个组成部分。

（1）ECMAScript     语法

（2）Bom 浏览器与js交互

（3）Dom html内容与js交互

Bom window对象。

 （1）浏览器对象模型  Browser  object  Model

   (2)  document 文档  

 （3）screen 屏幕

 （4）location 地址

 （5）navigator 浏览器对象

 （6）history 历史记录

window 全局方法。

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

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

  （3）常用的全局方法，都是省略了window,alert警告，confirm 确认，prompt弹框，setInterval间隔调用，setTimeout延迟调用，isNAN是否为非数字，doument文档

screen 屏幕。

  （1）width 屏幕宽

  （2）height 屏幕高

  （3）avialWidth 除任务栏宽

  （4）avalHeight 除任务栏高

  （5）window.innerHeight 浏览器的可视区域高

  （6）window.innerWdith 浏览器的可视区域宽

history 历史记录。

  （1）forward() 前进

  （2）go(1) 前进

  （3）back() 后退

  （4）go(-1) 后退

     相当于浏览器的前进与后退按钮。

location 地址栏信息

  （1）reload（）刷新

  （2）reload（true）刷新并强制更新缓存

  （3）href 地址信息 （全）http://127.0.01/javascript/index.html?name=mumu&age=18#good

    (4)  protocol 协议 http:

  （5）hostname 域名 127.0.0.1

  （6）port 端口号：8080

  （7）pathname 地址/javascript/index.html

    (8)  search 查询？name=mumu&age=18

    (9)  hash 哈希值 （锚点） （？后面的值）#good

navigator

   (1) ua = navigator.userAgent; 浏览器的头部信息

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

open 方法

  （1）win = window.open(url,name,feature)

           url 打开文件的地址  https://www.baidu.com

           name  名称

           feature  特性

           “width=400,height=400,top=200,left=200"

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

事件

  （1）onload 事件  窗口，图片加载完毕触发

  （2）onscroll 滚动时候触发

            滚动距离:document.documentElement.scrollTop

    (3)  resize 当窗口发生大小变化

编码

 （1）常见编码

           1.  utf-8  万国码

           2.  gb2312  国标

           3.  gbk  中文包含繁体字

  （2）编译为URL

           1.decode

           2.encode

           3.decodeURI

           4.encodeURI

           5.转/解url编码

           6.decodeURIComponent

           7.encodeURIComponent

           8.转/解URI编码（包括标点符号）

  （3）预览图片

           1.img.src = window.URL.createobjectURL(myf.files[0])