学习笔记-js-2017.2.20

1、JavaScript：直接写入 HTML 输出流

2、JavaScript：对事件的反应

3、JavaScript：改变 HTML 内容


    this is a demo

4、JavaScript：改变 HTML 图像



![](images/pic_bulboff.gif)

5、JavaScript：改变 HTML 样式


this is a demo

6、JavaScript：验证输入


请输入数字

一、JavaScript输出

JavaScript 显示数据

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

1、使用 window.alert()

2、操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

我的段落

3、

4、如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

我的段落

5、

二、JavaScript 语法

1、JavaScript 字面量
数字（Number）字面量可以是整数或者是小数，或者是科学计数(e)。

2、JavaScript 变量

JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值。

3、以下是 JavaScript 中最重要的保留字（按字母顺序）：

4、JavaScript 数据类型

var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

5、JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。