Web开发者通常会使用三种语言来创建web页面：HTML、css、javascript。
HTML：内容层；定义了页面的结构和语义
CSS：展现层，也叫样式层；用来强化html页面的样式（注意这里的样式不等同于行为），如颜色，大小等静态显示的样式
js：行为层；我们可以通过js代码来增加页面的交互性，比如点击事件、弹框等
以上简介通俗的说就是，html页面就像是“一段文字”，css可以使他加粗“一段文字”，而javascript可以让它被点击之后出现弹框警告。如此而已。
上面这三个层级的划分，构成了一种流行的创建web页面的方法，叫做 “渐进式增强”。
下面一行代码展示了如何使用对象和方法。我们称之为“调用对象的方法”
document.write(‘Good morning!’);
document：对象。一个对象可以包含很多方法和属性。document对象表示整个web页面。它很特殊，可以直接通过document使用它。
“.”：成员操作符。可以简单的理解为汉语中的“的”。
write()：document对象所包含属性之一。此方法可以将新内容写入web页面中放置“script”标签的地方.
Good morning：参数。圆括号中的每一项数据都被称为方法的一个“参数”。
此段代码的意思为：在document对象里write一个“Good morning!”内容。
PS:document.write();这个代码段只能在 HTML 输出中使用，如果在文档加载后使用该方法，会覆盖整个文档。这里的“加载后”并不是在文本后使用script标签进行文档内容写入，如下：
<!DOCTYPE html> <html> <body> <p>Hello!</p> <script> document.write("This is Jhon!"); </script> </body> </html>(有人会发现我这里document.write();方法中使用了双引号而上文使用的单引号。其实不影响。引号的具体使用方法点击)
而是通过按钮响应等方式在全部页面加载完毕之后进行文本写入，如下：
<html> <body> <p>Hello！</p> <a onclick='javascript:myFunction()'>hello</a> <script> function myFunction(){ document.write('This is Jhon!'); } </script> </body> </html>这个时候点击就会覆盖之前页面的内容而只显示“This is Jhon!”
文章参考：http://blog.csdn.net/a472770699/article/details/49870975 《javascript&JQuery交互式前端开发》 清华大学出版社
