05-JavaScript-BOM

从基础知识到JS-Web-API

• 变量类型和计算
• 原型和原型链
• 闭包和作用域
• 异步和单线程
• 其他（如日期、Math、各种常用API）

特点

• 特点：表面上来看不能用于工作中开发代码
• 内置函数：Object Array Boolean String ......
• 内置对象：Math JSON ...
• 我们连在网页弹出一句Hello World都不能实现

JS-Web-API

• JS基础知识：ECMA 262标准
• JS-Web-API：W3C标准
• W3C标准中关于JS的规定有：
  • DOM操作
  • BOM操作
  • 事件绑定
  • ajax请求(包含http协议)
  • 存储

基本操作

• 页面弹框是windows.alert(123)，浏览器需要做：
  • 定义一个windows全局变量，对象类型；
  • 给它定义一个alert属性，属性值是一个函数；
• 获取元素document.getElementById(id),浏览器需要：
  • 定义一个document全局变量，对象属性；
  • 给它定义一个getElementById的属性，属性值是一个函数；
• W3C标准没有规定任何JS基础相关的东西；
• 不管什么变量类型、原型、作用域和异步
• 只管定义用于浏览器中JS操作页面的API和全局变量
• 全面考虑，JS内置的全局函数和对象有哪些？
• 之前ECMA的
• 比如 window document
• 所有未定义的全局变量，如navigator.userAgent

总结

• 常说的JS(浏览器执行的JS)包含两个部分：
• JS基础知识(ECMA262标准)；
• JS-Web-API(W3C标准)；

BOM操作

• Browser Object Model

  如何监测浏览器的类型

  拆解url的各部分

  知识点

• navigator & screen

//navigator
var ua = navigator.userAgent;
var isChrome = ua.indexOf('Chrome');
console.log(isChrome);
//screen
console.log(screen.width);
console.log(screen.height);

• location & history

//location
console.log(location.href);
console.log(location.protocel);
console.log(location.pathname);
console.log(location.search);
console.log(location.hash);
//history
history.back();
history.forward();