JavaScript入门（一）

任务：

用JavaScript编写一个快速排序算法，要求在页面上输出原始输入应对列及排序后的结果。
再编写一个网页, 展示你最喜欢电影(最少3个)
使这些电影名字的颜色每隔3秒逐个从黑色变成红色
在网页上添加一个按钮.当点击该按钮时，它将电影列表上的电影名称进行反序处理，然后在消息对话框中弹出。要求分别使用 DOM 函数和 Prototype.js 函数完成。

1. HTML 标签的 type 属性。
块级元素。
一般常见为<input type="什么类型的输入框" name="上交的属性名" value="这个" 输入框上的文字 id=" "/>

2. DOM中的alert
执行该命令时弹出消息框。
里面是字符串，想换行+ “\n”+


3. HTML 元素表示一个多行纯文本编辑控件。
<textarea name="textarea" rows="10" cols="50">Write something here</textarea>


4.DOM
在文档中的每个元素— 包括整个文档，文档头部， 文档中的表格，表头，表格中的文本 — 都是文档所属于的文档对象模型（DOM）的一部分。
API (web 或 XML 页面) = DOM + JS (脚本语言).
https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction

DOM为web文档创建带有层级的结果，这些层级是通过node节点组成，这里有几种DOM node类型，最重要的是Element, Text, Document。我们通过DOM获取的也是节点或者节点集合。
PS：如果获取的是节点集合，那有和数组类似的length属性，甚至是活的，如果你在这个节点里添加一个新的元素，这个集合就会自动更新。

Element节点：在页面里展示的是一个元素，所以如果你有段落元素(<p>)，你可以通过这个DOM节点来访问。
Text节点：在页面里展示的所有文本相关的元素，所以如果你的段落有文本在里面的话，你可以直接通过DOM的Text节点来访问这个文本
Document节点：代表是整个文档，它是DOM的根节点。


5. jQuery。
jQuery 是为处理 HTML 事件而特别设计的一个 JavaScript 库。

• 把所有 jQuery 代码置于事件处理函数中
• 把所有事件处理函数置于文档就绪事件处理器中
• 把 jQuery 代码置于单独的 .js 文件中
• 如果存在名称冲突，则重命名 jQuery 库

6.JavaScript的数据类型
Number
在JavaScript里所有的Number都是浮点型的，当声明一个数字变量的时候，记得不要使用任何引号。

String
JavaScript里声明字符串特别简单，和其它语言一样，在JS里使用单引号或双引号都可以。

Boolean
布尔类型用于条件判断，布尔类型是只有2个值：true和false。任何使用逻辑操作符的比较都会返回布尔值。
其中===也是比较操作符，不仅比较数值，还比较类型。

Function
函数是特殊的对象。

Array
数组也是特殊的对象，它包含了一批值（或对象），访问这些数据的话需要使用数字索引，内容类型不限。

Object
一个对象是一个key-value的集合，和数组相似，唯一的不同是你可以为每个数据定义一个名称。也就是类和对象和对象的赋值。

7.javascript的setTimeout()用法
https://www.haorooms.com/post/js_setTimeout
注意setTimeout()函数不能有参数。