第十一章 javascrpt基础第十一章 javascript基础第十一章 javascript基础第十一章 javascript基础.ppt

第11章 JavaScript基础 第11章 JavaScript基础 11.1 概述 11.2 JavaScript基础 11.3 变量、数据类型和表达式 11.4 控制语句 11.5 函数 11.6 对象 11.7 错误捕获和处理 11.8 内部JavaScript和外部JavaScript 11.9 注释 11.1 JavaScript概述 在第一章里面我们已经知道，Ajax的关键组件之一就是JavaScript语言。在Ajax出现之前，JavaScript一直被程序员看作是“玩具语言”，它能做的事情就是，让你的鼠标周围围绕了很多的小星星，标题栏里面出现跑马灯效果，点击某个对象的时候出现爆炸效果，……等等。因为当时JavaScript仅仅使用在浏览器端，而浏览器端不能仅仅通过JavaScript就与服务器端通信，于是JavaScript一直默默无闻的做丑小鸭。但是，当Google使用JavaScript使客户端与服务器端异步通信获得了成功后，这个丑小鸭才越来越多的获得了人们的目光和赞誉。这一切还是必须归功于IE5带来的XMLHttpRequest。 11.1 JavaScript概述 首先，JavaScript不是Java！虽然它们的名字听起来有些像，但它们之间完全没什么联系，它们的共同点也微乎其微。JavaScript是由网景公司开发人员Brendan Eich发明的，最初名称是Mocha，后来更名为LiveScript，最后确定名称为JavaScript。1995年网景公司第一次在浏览器（Netscape 2.0）中引入这个语言以来，这个名称一直与Java混淆在一起。后来，微软也推出了自己的JavaScript，叫做Jscript，最初Jscript只能运行在IE上，到目前为止，这两者之间几乎没有区别了。当然，我们在书写的时候，尽量避免使用“Jscript”名称，因为很多浏览器并不知道这个名字。 11.2.1 构建JavaScript编程环境 JavaScript程序是一个文本文件，可以用任意文本编辑器（如记事本）直接编辑，到本书出版时，市面上仍没有一个可以像在Visual Studio中编辑C#那样方便的编辑器来编辑JavaScript。但是仍然有不少的好工具可供我们使用，工欲善其事必先利其器，优秀的IDE可以使程序员减少大量的工作量，编者在这里推荐使用免费的Aptana（http://www.A）。 另外诸如Intellij、NetBeans、Eclipse、EditPlus等均可使用。 在确定了编辑工具后，我们还要创建调试环境，IE和 11.2.1 构建JavaScript编程环境 FireFox下都有JavaScript调试器，我们这里推荐使用IE8和FireFox+FireBug。IE8下自带了开发人员工具，我们可以在菜单工具 -开发人员工具（F12） 找到。FireBug是FireFox下的一个插件工具，可以到Mozilla网站上免费下载，安装完成后，可在菜单查看 -FireBug（F12） 找到。两个工具均可设置断点后逐行调试，并且可查看变量值的变化、DOM信息、JavaScript错误等信息。建议将IE8菜单工具 -Internet选项 -高级 将“禁用脚本调试”取消。 由于IE系列和FireFox类浏览器在JavaScript使用中，有很多地方是不一样的，所以建议开发者两者都进行安装。 11.2.1 构建JavaScript编程环境 编者的经验是安装IE8（具有兼容IE7的功能）和FireFox，另外安装一个绿色版的IE6进行调试。建议编写的所有程序尽量在多种版本浏览器下进行测试。 现在有很多软件企业生产了一些多版本兼容浏览器，由于编者没有进行过详细测试，在这里不多做介绍，有兴趣的读者可以自己进行测试、评估。 11.2.2 入门示例 我们先来看一个简单的示例，在这个示例中，我们构建了一个HTML页，其中有一个按钮，文字是“弹出提示信息”，当用户点击按钮时，弹出一个消息框。 例11.1 alertMsg.htm html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title例11.1 弹出提示信息/title script type=text/javascript //在这里创建了一个alertMsg函数 function alertMsg(){ //调用alert方法弹出提示信息 alert(按钮被点击了); //注意“;”不能省略 } /script