第13章JavaScript概述.pptVIP

FrontPage是微软公司开发的一款强大的Web制作工具和网络管理向导，它包括HTML处理程序、网络管理工具、动画图形创建和编辑工具以及Web服务器程序。通过FrontPage创建的网站不仅内容丰富而且专业，最值得一提的是，它的操作界面与Word的操作界面极为相似，非常容易学习和使用。 FrontPage工具的开发环境如图13-9所示 图13-9 ProntPage工具的开发环境 13.3.2 Microsoft FrontPage 13.4 JavaScript在HTML中的使用 13.4.1 在页面中直接嵌入JavaScript 13.4.2 链接外部JavaScript 在HTML文档中可以使用script…/script标记将JavaScript脚本嵌入到其中。在HTML文档中可以使用多个script标记，每个script标记中可以包含多个JavaScript的代码集合。script标记常用的属性及说明如表13-3所示。 表13-3 script标记常用的属性及说明 13.4.1 在页面中直接嵌入JavaScript 属性 说明 language 设置所使用的脚本语言及版本 src 设置一个外部脚本文件的路径位置 type 设置所使用的脚本语言，此属性已代替language属性 defer 此属性表示当HTML文档加载完毕后再执行脚本语言 【例13-1】 在HTML页面中直接嵌入JavaScript代码，如图13-10所示。 图13-10 在HTML中直接嵌入JavaScript代码 注意： script标记可以放在Web页面的head/head标记中，也可以放在body/body标记中。 在Web页面中引入JavaScript的另一种方法是采用链接外部JavaScript文件的形式。如果脚本代码比较复杂或是同一段代码可以被多个页面所使用，则可以将这些脚本代码放置在一个单独的文件中（保存文件的扩展名为.js），然后在需要使用该代码的Web页面中链接该JavaScript文件即可。 在Web页面中链接外部JavaScript文件的语法格式如下： script language=javascript src=javascript.js/script 【例13-2】 调用外部JavaScript文件function.js。首先编写外部的JavaScript文件，命名为function.js。function.js文件的完整代码如图13-11所示。 图13-11 function.js文件中的完整代码 13.4.2 链接外部JavaScript 然后在index.html页面中调用外部JavaScript文件function.js，调用代码如图13-12所示。 图13-12 调用外部JavaScript文件 注意： 在外部JS文件中，不需要将脚本代码用script和/script标记括起来。 本实例将制作一个HTML页面，该页面中使用JavaScript脚本输出一个“你好”中文字符串，效果如图13-13所示。 图13-13 使用JavaScript输出“你好”中文字符串 13.5 综合实例——用JS输出中文字符串 使用JavaScript在网页中输出字符串一般通过document对象的write方法实现，关键代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title使用JavaScript输出“你好”中文字符串/title script type=text/javascript document.write(你好); /script /head body /body /html （1）JavaScript是一种基于对象的语言。 （2）JavaScript是一种解释性的程序语言，它的源代码不需要经过编译，而直接在浏览器中运行时被解释。 （3）JavaScript可以直接对用户或客户输入做出响应，无须经过Web服务程序。 （4）JavaScript依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。 （5）JavaS