JavaScript 是一门编程语言，可为网站添加交互功能。（例如：游戏、动态样式，动画，以及在按下按钮或收到表单数据时做出的响应，等）。

那么JavaScript到底是什么呢？

JavaScript（缩写：JS）是一门完备的 动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性。
JavaScript 的应用场合极其广泛。简单到幻灯片、照片库、浮动布局和响应按钮点击。复杂到游戏、2D 和 3D 动画、大型数据库驱动程序，等等。

JavaScript 相当简洁，却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具，可以使 开发工作事半功倍。其中包括：

  1. 浏览器应用程序接口（API）—— 浏览器内置的 API 提供了丰富的功能，比如：动态创建 HTML 和设置 CSS
    样式、从用户的摄像头采集处理视频流、生成3D 图像与音频样本，等等。
  2. 第三方 API ——让开发者可以在自己的站点中整合其它内容提供者（Twitter、Facebook 等）提供的功能。
  3. 第三方框架和库——用来快速构建网站和应用。

##下面我们可以先做一个简单的小例子体验一下js的基础特性

<!DOCTYPE html>
<html>
<head>
	<title>我的第一个js案例</title>
</head>
<body>
    <h1>过来，旺财</h1>
</body>
</html>

result1:

javascript类的实现 javascript举例_API

当在html文件head中加入

<script src="hello.js" async></script>

result2:

javascript类的实现 javascript举例_API_02


由此可见：

JavaScript 把页面的标题改成了 “Hello world!” 。首先用 querySelector() 函数获取标题，把标题的引用储存在 header 变量中。这与 CSS 选择器的用法非常相像：若要对某个元素进行操作，首先得选择它。把 header变量的属性 textContent （标题内容）修改为 “Hello world!” 。

如果我们在body中加入

<script src="hello.js" async></script>

hello.js

var header=document.querySelector("h1");
header.textContent="hello wrold!";

result3:

javascript类的实现 javascript举例_html_03


我们可以发现javascript脚本既可以放在头部，也可以放在尾部，但注意的是当放在尾部时，我们必须要放在body的末尾处

防止由于 HTML 尚未被加载而失效。

注:上面用到的两个函数(querySelector,textContent)都来自 文档对象模型 (DOM) API的常用函数， 均用于控制文档。