JavaScript 简介一、实验介绍 1.1 实验内容本节实验主要是对一些基本概念的介绍，JavaScript 是什么，有什么用处。以 “hello world!”为例，编写第一个 JavaScript 程序。将 JavaScript 代码放在不同位置，及其区别。 1.2 先学课程在学习 JavaScript 之前，建议先学习 HTML 基础知识——HTML 基础入门。二、实验步骤 2.1 JavaScript 是什么？ 2.1.1 JavaScript 特点 JavaScript 是一种脚本语言，它的解释器被称为 JavaScript 引擎。JavaScript 被发明用于在 HTML 网页上使用，给HTML网页增加动态功能。由于 JavaScript 简单易用，在现在世界上大多数网页中都能找到 JavaScript 代码，也是这个原因，现在所有的主流浏览器包含 JavaScript 引擎。 JavaScript 可以让网页呈现各种特殊效果，为用户提供良好的互动体验，对于一个互联网开发者来说，如果你想提供漂亮的网页、令用户满意的上网体验、各种基于浏览器的便捷功能、前后端之间紧密高效的联系，JavaScript是必不可少的工具。此外，近年来 JavaScript 的使用范围，慢慢超越了浏览器，正在向通用的系统语言发展，你一定听说过“Node.js”、“JSON”等关键词。 2.1.2 简单易学 JavaScript 的语法和 C/C++、Java 等大家都了解的语言很类似，如果学过这些语言，JavaScript的入门会非常容易。还有一点，JavaScript 的学习环境十分简单，无处不在，只需要浏览器（FireFox、Chrome，甚至是 IE）和文本编辑器，不需要另外安装配置编译器、解释器、IDE 等。 2.2 第一个 JavaScript 程序在学习一门新语言的时候，大家都喜欢用“hello world”作为第一个程序，那么现在我们写一个 JavaScript 版本的： JavaScript 代码放在标签里，这段代码的效果是，弹出一个小框，显示“hello world!”。在实验楼环境中，把这段代码保存为一个 HTML 文件，命名为“test.html”，然后双击文件，系统会调用 FireFox 浏览器打开它：可见编写 JavaScript 程序是十分方便的。 2.3 JavaScript 放在哪里？刚才我们编写了第一个 JavaScript 程序，强调过 JavaScript 代码必须放置在标签里。我们把包含代码的标签放在了 …… 标签里。其实不止可以这样做，我们还有另外两种方式在 HTML 中使用 JavaScript 。 2.3.1 head 中的 JavaScript 我们除了可以把包含代码的这个程序的执行结果和刚才的没什么不同，但其实把 JavaScript 代码放在和放在里是有区别的：简单地说，放在里的会比放在先执行。head 标签里的代码会在页面还未开始绘制之前被解析，而在 body 里的代码则会在页面渲染的同时在读取到这段代码的时候才被执行。 2.3.2 外部的 JavaScript 除了直接把 JavaScript 代码写在 HTML 里，我们还可以把 JavaScript 的代码写在一个 js 文件中，在 HTML 里调用这个 js 文件。我们还是以“hello world”举例。在实验楼环境中，把以下代码保存并命名为“out.js”，放在桌面上： alert("hello word!"); 把以下代码保存并命名为“test2.html”，放在桌面：

my JavaScript code in "out.js"

同样，双击桌面上的“test2.html”文件，调用浏览器运行，你会发现运行效果和前两个程序也没什么区别。其实，前两种方式都是直接把 JavaScript 代码放在 HTML 中，在页面加载的同时，那些 JavaScript 的代码就被解析了。而把 JavaScript 代码放在外部文件中，只有在事件被触发，需要该段 JavaScript 代码时，才调用执行。这样做有个好处，当页面比较复杂的时候，把大量的 JavaScript 代码放到外部文件，只有在需要的时候才执行，那么会明显地加快页面加载速度。

“Javascript基础（新版）”实验报告