HTML用来编排内容，CSS用来制定样式，JavaScript用来控制行为

我们是通过DOM(Document Object Model)-文档对象模型，它能使HTML和JavaScript紧密的结合在一起，它也叫做DOM树，每一个HTML元素都可以被定位。

获取用户输入：

获取用户输入，点击确定后调用alert函数

a little project:

用户通过input和textarea标签填写日记标题和内容,点击提交按钮就可以将数据显示在页面下方

引入script：

建立文本框

设置参数名称及值

getElementById方法

添加函数

Onclick的使用

以此种方式要写四遍相同的代码，可以使用全局变量来实现缩减语句：

取消alert直接再html页面显示

通过innerHTML在js中改变页面上元素显示的内容

以下是JQurey内容

jQuery是一个JS库，有“写的少，做的多”的特点，它包含HTML元素选取、元素操作等功能，也就是说可以代替getElementById来获取元素

这两句可以简化为：

注意onclick也有变了