一、JavaScript简介

用JavaScript编写的程序能够访问Web页面的元素以及运行该程序的浏览器，对这些元素执行操作，还可以创建新的元素。JavaScript常见的功能包括：
1、以指定尺寸、位置和样式（比如是否具有边框、菜单、工具栏等）打开新窗口；
2、提供用户友好的导航帮助，比如下拉菜单；
3、检验Web表单输入的数据，在向Web服务器提交表单之前确保数据格式正确；
4、在特定事件发生时，改变页面元素的外观与行为，比如当鼠标光标经过页面元素上时；
5、检测和发现特定浏览器支持的功能，比如第三方插件，或是对新技术的原生支持。

二、<script>标签

当用户访问一个页面时，页面中包含的JavaScript代码会与其他页面内容一起传递给浏览器。

说明：JavaScript是一种解释型语言，不是C++或Java那样的编译语言。JavaScript指令以纯文本形式传递给浏览器，然后依次解释执行。他们不必先“编译”成只有计算机处理器能够理解的机器码，这让JavaScript程序很便于阅读，能够迅速地进行编译，然后在浏览器里重新加载页面就可以进行测试。

在HTML里使用<script></script>标签，可以在HTML代码里直接包含JavaScript语句。

<script>
        ...JavaScript语句...
</script>

三、DOM简介

“文档对象模型”（Document Object Model，DOM）是对文档及其内容的抽象表示。
每次浏览器要加载和显示页面时，都需要解析构成页面的HTML源代码。在解析过程中，浏览器建立一个内部模型来表示文档里的内容，这个模型就是DOM。在浏览器渲染页面的可见内容时，就会引用这个模型。可以使用JavaScript来访问和编辑这个DOM的各个部分，从而改变页面的显示内容和用户交互的方式。
浏览器每次加载和显示页面时，都在内存里创建内存里创建页面及其全部元素的一个内部表示体系，也就是DOM。在DOM里，页面的元素具有一个逻辑化、层级化的结构，就像相互关联的父对象和子对象组成了一个树形的结构。这些对象及其相互关系构成了web页面及显示页面的浏览器的抽象模型。
这个层级树的最顶端是浏览器windows对象，它是页面的DOM表示中的一切对象的父对象。

（1）location：包含着当前页面URL的详细信息；
（2）history：包含浏览器以前访问的页面地址；
（3）navigator：包含浏览器类型、版本和兼容信息

四、对象表示法

用句点方式表示树形结构里的对象：

object1.object2.object3
object3的父对象是object2，而object2是object1的子对象。

这种表示法除了最后一个部分是对象外，还可以是属性或方法：

object1.object2.property
object1.object2.method

五、与用户交互

1、window.alert()

window对象位于DOM层级的最顶端，代表了显示页面的浏览器窗口，当调用alert()方法时，浏览器会弹出一个对话框显示的信息，还有一个“确定”按钮。

<script>
    alert("Here is my message");
</script>

在实际编码过程中，可以省略window.，因为是DOM层级结构的最顶层（有时也被称为“全局对象”），任何没有明确指明对象的方法调用都会被指向window

注：
1、显示的文本需要写在引号之中，引号可以是双引号，也可以是单引号。
2、不用操作系统、不同浏览器、不同显示设置都会影响对话框的显示，但总会包含要显示的信息和一个“OK”（确定）按钮。
3、在用户单击“OK”（确定）按钮之前，页面上是不能进行其他任何操作的，具有这种行为模式的对话框称为“模态”对话框。

2、document.write()

直接向HTML文档写入字符，但这种方法有很多的局限性。

<script>
    document.write("test");
</script>

hello world

<!DOCTYPE html>
<html>
<head>
    <title>"test"</title>
</head>
<body>
    <script type="text/javascript">
        alert("hello world!")
    </script>
</body>
</html>