第八天 JavaScript

HTML定义了网页的内容，CSS描述了网页的布局，那么js就是网页的行为。增加动态功能。不仅限于web，也被应用到很多非浏览器的环境中。包括移动端开发，游戏开发，桌面应用开发等等，总之在不同领域都非常有价值的编程语言。

我们分几个部分来了解一下JavaScript

第一部分：JavaScript的教程

这部分主要包括介绍JavaScript的标签<script>，可以写在body或者head中使用。介绍了它的一些用法，怎么通过dom找到对应的位置，修改编写对应的内容。js的一些语法语句。已及怎么通过双斜杠或者/**/添加注释，它的一些数据类型，数据类型，字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）等，怎么通过var声明变量。Js的作用域，作用域就是变量生效的范围，它的作用域有很多种，常见的就是全局作用域，声明一个变量全局可以访问，本地作用域也可以叫做函数作用域（一会单独讲函数），就是只有在这个当前函数里面可访问还有块作用域等等~~~  在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。     另外还有一些它的运算符：加减乘除自增自减等等一堆，还有比较和逻辑运算符介绍大于等于啊不等于等等。已及一些位运算符二进制十进制转换等。s的流程语句：循环语句：while，do-while,for,for-in,跳转语句：return，break，contnue，选择语句：if，switch，异常处理语句：throw,try,catch,finally的一些介绍和具体用法。js几种类型之间的数据转换，js的json，服务端怎么向网页传递数据。已及js的一些代码规范。

第二部分：JS的函数

函数可以通过声明定义，也可以是一个表达式。使用关键字 function 定义函数。我们可以把他理解为被调用时执行的可重复使用的代码块，甚至可以用一个方法块来形容。它可以被调用，也可以自调用。它怎么带参数，怎么调用等。再就是js的闭包。在一个函数内部创建另一个函数，内层函数中访问到其外层函数的变量，就会形成闭包。这样的好处就是外部只能调用这个函数，而不能修改这个函数里面的值。换句话说：闭包就是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。闭包的基本格式

第三部分：JS   HTML DOM

Document Object Model   文档对象模型，当网页被加载时，浏览器就会创建这个文档对象模型。这里面包含了整个html 元素，head，body里面的元素和属性，而通过可编程的对象模型。js有足够的能力来创建这动态的HTML。js可以通过dom来改变页面中所有的HTML元素，属性，CSS的样式，已及对所有的事件做出反应。有三种方式找到元素并操作，分别是通过id找到html的元素，通过标签，已及通过类名找到元素进行操作。document.getElementById("");
document.getElementById("").getElementsByTagName("");
document.getElementsByClassName("");

第四部分：JS 高级教程

对象：js中所有的事物都是对象，字符串，数值，数组，函数，数组，算数等等还可以自定义对象。对象又拥有属性和方法，主要讲了怎么声明和访问使用。

第五部分：JS window

这里单独拿出了window对象，做了细致的讲解，主要对它的子对象做了些介绍包括：window screen这个对象是包含有关用户屏幕信息的对象，我们可以通过这个对象了解到客户端硬件的基本信息。屏幕的可用宽度可用高度等。Window Location：这个对象是用于获取当前页面的地址。比如location.hostname 返回 web 主机的域名location.pathname 返回当前页面的路径和文件名location.port 返回 web 主机的端口 （80 或 443）等。window history：获取浏览器的历史，Window Navigator：获取浏览器的访问者信息。已及讲解了js的一些弹框样式用法。

第五部分：  JS 库

主要了解js一些广泛应用的框架：jQuery是目前最受欢迎的框架它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。jQuery 同时提供 companion UI（用户界面）和插件。

许多大公司在网站上使用 jQuery：Google，Microsoft(微软)等。

Prototype：提供用于执行常见 web 任务的简单 API。它是包含属性和方法的库，用于操作 HTML DOM。通过提供类和继承，实现了对 JavaScript 的增强。Prototype 框架最大的部分就是对DOM的扩展。通过Prototype框架里的$()函数能够返回一个网页DOM元素，框架给这个元素添加了很多方便的方法。

MooTools：提供了可使常见的 JavaScript 编程更为简单的 API。虽然Mootools跟Prototype几乎拥有一样的语法，但是它提供了比Prototype多的功能，而且更强大，拥有实用而清晰的文档和示例帮助你轻松入门。

第六部分：JS总结                    

本教程中我们学到了什么是js，如何向 html 页面添加 JavaScript，使得网站的动态性和交互性更强。学习了如何创建对事件的响应，验证表单，以及如何根据不同的情况运行不同的脚本。也学到了如何创建和使用对象。如果需要更深入的学习就去实操吧！加上之前学习的HTML和CSS知识，去简单的创建一个属于自己的网页吧~~

js作用域学习：JS 的 9 种作用域，你能说出几种？ - 知乎

js以上学习资料：JavaScript 教程_w3cschool