一、认识BOM模型

BOM：浏览器对象模型（Browser Object Model）

BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

JavaScript是一种面向对象编程(OOP)语言。一种编程语言可以被称为面向对象的，它为开发者提供了四种基本功能：

封装 - 存储相关的信息，无论是数据或方法，还是对象

聚合 - 存储一个对象到另一个对象的内部

本内容是《Web前端开发之Javascript视频》的课件，请配合大师哥《Javascript》视频课程学习。

多窗口和窗体：

可以打开多个浏览器窗口，每个窗口都是独立的；

一个浏览器窗口可能包含多个标签页；每个标签页都是独立的上下文，都是独立的window对象，而且相互之间互不干扰；

JavaScript 对象

JavaScript 提供多个内建对象，比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。

访问对象的属性

此场景，适用于无Html页面，纯后台调式脚本语言。

首先创建一个js文件，放在resource下的静态文件下

在 JavaScript 中，原型（prototype）是一个非常重要的概念，它为对象提供了继承和共享属性的机制。每个 JavaScript 对象都有一个与之关联的原型对象，通过原型对象，可以实现属性和方法的共享，从而减少内存占用。

今天要分享的是对象皆为对象。在这个世界上，任何具体事物都可以看作对象，它们都有自己的特征和行为。GS是一种基于对象的语言，它将对象视为最基本的元素。在GS中，对象是指通过括号直接定义的对象。实际上，在GS中，所有的元素都是对象，其中位置是对象。结实对象是无序属性的集合，其属性可以包含基本值、对象或函数。

一、JavaScrip介绍

1. JavaScript的定义

JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用户有交互功能, 增加良好的用户体验效果。

在开发时，一直希望有一种原生的CSS方式来裁剪图片，并将其定位在我需要的任何方向。这可以通过使用一个额外的HTML元素和不同的CSS属性来实现，后面解释。