《JavaScript基础教程(第9版)》试读:1.1 JavaScript是什么
对于Web站点的开发者来说,HTML的发展是一件好坏参半的事。在万维网发展的早期,HTML相当简单,很容易就能够掌握设计网页所需知道的一切。
随着Web的发展,页面设计人员还希望他们的页面能够与用户进行交互,HTML很快就显得不足以满足这一需求了。Netscape发明了JavaScript,作为控制浏览器和给网页添加活力和交互性的方法。
自从诞生以来,JavaScript已经经历了不小的演化,有时候在不同的浏览器上演化的方向有所不同。在本书后面,我们将详细讨论JavaScript的演化。
在本章中,你将了解JavaScript是什么(以及不是什么),它可以做什么(以及不能做什么)和JavaScript语言的一些基础知识。另外,还会向你介绍Ajax,这是JavaScript和其他技术的一种组合,它在Web站点的交互性和创造性方面掀起了新的浪潮。
1.1 JavaScript是什么
JavaScript是一种可以用来给网页增加交互性的编程语言。但是,如果你不是程序员,那么也不必担心。Web上有大量JavaScript代码,复制一下并稍作修改,就可以供自己使用。实际上,这种“站在其他程序员肩膀上”的方式正是熟悉JavaScript的好方法。
为了帮助你熟悉JavaScript,我们建立了一个与本书配套的Web站点。在这个站点上提供了本书中的所有脚本(这样,你就不用自己输入了),以及更多的说明、附加资料和更新内容。站点的网址是www.javascriptworld.com。
常常会看到JavaScript被称为“脚本语言”(scripting language),这暗示着它更适合编写脚本而不是程序。这实际上并没有根本性的差异。JavaScript脚本也是一种程序,它们包含在HTML页面内部(原先编写脚本的方式),或者驻留在外部文件中(现在的首选方法)。在HTML页面上,因为脚本文本包围在<script>标签中,所以它不会显示在用户的屏幕上,而Web浏览器知道应该运行JavaScript程序。<script>标签常常放在HTML页面的<head>部分中,如脚本1-1所示。但是如果愿意,也可以将脚本放在<body>部分中。
脚本1-1 这个非常简单的脚本在浏览器窗口中输出“Hello, Cleveland!”
<!DOCTYPE html>
<html>
<head>
<title>Barely a script at all</title>
<script type="text/javascript">
window.onload = function() {
document.getElementById ("myMessage").innerHTML = "Hello, Cleveland!";
}
</script>
</head>
<body>
<h1 id="myMessage">
</h1>
</body>
</html>
如果你还不熟悉这些HTML概念,需要关于HTML的更多信息,那么我们建议你读一下Elizabeth Castro和Bruce Hyslop所著的《HTML5与CSS3基础教程(第8版)》。如果你只需要简单回顾一下,那么本书的许多章节都提供了“目前需要了解的HTML知识”,其中列出了相关的HTML标签。