JavaScript【转】

  以下内容转载和参考自：w3school的JavaScript学习内容，HTML JavaScript。

  JavaScript 使 HTML 页面更具动态性和交互性，前面我们都是在代码中一开始就将元素的值、属性、style样式写死，使用JavaScript 的话就可以对这些内容动态的更改设置，如按钮点击的时候对按钮文本进行修改，JavaScript还可以用于表单验证等。

• HTML 定义网页的内容
• CSS 规定网页的样式和布局
• JavaScript 对网页行为进行编程

1、JS使用

  使用JavaScript的getElementById() 方法可以访问拥有特定 id 的元素，如下所示，在按钮点击的时候获得id为"demo"元素，并设置其文本为当前日期：

  

2、JS语法功能

  JS中有四种方式来输出数据，如下所示，在JS中，变量用var定义，没有赋值的变量其值是 undefined，也可以使用undefined对其进行赋值，如person = undefined：

  除了数值，JS中还有其它的类型，typeof运算符可以获得对应的类型，如typeof 3.14返回的是“number”，对对象、数组、null值（var可以赋值为null，null与undefined值相同但类型不同）typeof返回“object”，对undefined值typeof返回"undefined"：

var length = true;                             // 布尔类型
var lastName = "Gates";                      // 字符串
var cars = ["Porsche", "Volvo", "BMW"];         // 数组
var x = {firstName:"Bill", lastName:"Gates"};    // 带两个属性的对象

   通过JS可以定义元素的事件处理程序，HTML元素的事件包括元素被点击、元素内容被修改、网页完成加载等， HTML 事件列表可以参见： W3School JavaScript 参考手册 HTML DOM 事件。 

  除了for循环，JS中也可以使用while循环，switch选择，位运算等。ECMAScript 2015（JS的规范，也称 ES6，相当于是JS根据ES进行了实现，但其也包含ES标准规范未定义的一些其它内容，所以有的JS并不是所有浏览器都支持）引入了 JavaScript 类，使用class来声明一个类，使用new来定义一个类对象。JS中除了数组，还有Set、Map。

  如下为通过JSON.parse()将JSON转换为对象，同时，对象的属性也可以进行增删操作：

  JS中回调函数的使用：

  clearTimeout()和clearInterval()用来停止上面的定时器，其参数为setTimeout()和setInterval()的返回值。 

  如下所示，getFile()方法中下载mycar.html完成后会调用传入的回调方法myCallback，在回调方法中对mycar.html中的内容进行展示：

 3、AJAX

  AJAX（Asynchronous JavaScript And XML）可以在不重载整个页面的情况下，实现了对部分网页的更新，即不刷新页面来更新网页。AJAX可以在页面加载后从服务器请求和接收数据，以及在后台向服务器发送数据。

  AJAX是一项技术，它通过浏览器内建的 XMLHttpRequest 对象来从 web 服务器请求数据，然后通过JavaScript 和 HTML DOM来显示或使用数据，如下所示。Ajax 可使用 XML 来传输数据，但将数据作为JSON 文本或纯文本传输也很常见。

   如下使用了AJAX技术，按钮在点击的时候会通过XMLHttpRequest来请求数据，然后通过JS来显示回应的数据：

4、HTML DOM

  HTML DOM就是页面的文档对象模型（Document Object Model），如下所示，HTML DOM 模型被结构化为对象树，它是关于如何获取、更改、添加、删除 HTML 元素（及其属性和样式）以及HTML事件的标准。HTML DOM 能够通过 JavaScript 进行访问。

  在 DOM 中，所有 HTML 元素都被定义为对象，document 文档对象代表整个网页，可以通过其访问 HTML 页面中的任何元素，如document.head获得元素，document.title获得