JAVASCRIPT 培训课件 - 360文档中心

合集下载

相关主题

javascript实训

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

编写Javascript 代码
• 象很多其它编程语言一样，Javascript 也是用文本格式编写，由语句 (statements)，语句块 (blocks) 和注释 (comments) 构成。语句块 (blocks) 是由一些相互有关联的语句构成的语句集合。在一句语句 (statement) 里，你可以使用变量，字符串和数字 (literals)，以及表达式 (expressions)。
• 表达式示例：
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
表达式 (Expressions)
• 3.9 // 数字字符 • "Hello!" // 字符串字符 • false // 布尔字符 • null // null 值字符 • {x :1, y:2} // 对象字符 • [1,2,3] // 数组字符 • function(x){return x*x;} // 函数字符 • 以下是比较复杂的表达式示例：
Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。 • 互动性功能都是在客户端完成的，不需要和Web Server 发生任何数据交换，因此，不会增加Web Server的负担。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
简单的Javascript入门示例
• 在HTML网页里插入Javascript语句，应使用HTML的 <script>。<script>这个tag有个属性叫type，type ="text/javascript"表示插入<script></script>其中的为Javascript语句。
Javascript放在外部文件里
• <html> • <head> • <script src=“c:/js/common.js"> • </script> • </head > • <body> • </body> • </html>
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
• 上面的例子中，使用了document.wirte，这是 Javascript中非常常用的语句，表示输出文本。
• 我们还可以将这个例子写得更加复杂写，不但输出文本，而且输出带HTML格式的文本。代码如下：
• <script type="text/javascript"> • document.write("<h1>Hello, World!</h1>"); • </script>
• 一句语句 (statement) 包含一个或多个表达式 (expressions)，关键词 (keywords) 和运算符 (operators )。一般来说，一句语句的所有内容写在同一行内。不过，一句语句也可以写成多行。此外，多句语句也可以通过用分号 (;) 分隔，写在同一行内。
• 建议：将每句语句以显示的方式结束，即在每个语句最后加分号 (;) 来表示该句语句的结束。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
Javascript在<head></head>之间
• Javascript在<head></head>之间 • 有时候并不需要一载入HTML就运行Javascript，而是用
户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的<head></head>里。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
注释 (Comments)
• 为了程序的可读性，以及便于日后代码修改和维护时，更快理解代码，你可以在 Javascript 程序里为代码写注释(comments)。
• 在 Javascript 语言里，用两个斜杠 // 来表示单行注释。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
简单的Javascript入门示例
• 在参考别人的Javascript代码时，你也许会看到 <script>里写的不是 type="text/javascript"，而是 language="javascript"。目前这两种方法都可以表示 <script></script>里的代码是Javascript 。其中 language这个属性在W3C的HTML标准中，已不再推荐使用。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
Javascript写在哪里
• Javascript程序可以放在： • HTML网页的<body></body>里 • HTML网页的<head ></head>里 • 外部.js文件里 • Javascript 在<body></body>之间 • 当浏览器载入网页Body部分的时候，就执行其中的Jav
• 多行注释则用 /* 表示开始， */ 表示结束。 • 推荐使用多行的单行注释来替代多行注释，这样有助于
将代码和注释区分开来。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
表达式 (Expressions)
• Javascript 表达式 (expressions) 相当于 javascript 语言中的一个短语，这个短语可以判断或者产生一个值，这个值可以是任何一种合法的 Javascript 类型 - 数字，字符串，对象等。最简单的表达式是字符。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
语句 (Statements)
• 一个 Javascript 程序就是一个语句的集合。一句 Javascript 语句相当于一句完整的句子。Javascript 语句将表达式 (expressions)用某种方式组合起来，得以完成某项任务。
JAVASCRBaidu NhomakorabeaPT
Javascript简介
• Javascript是一种解释性的，基于对象的脚本语言(an interpreted, object-based scripting language)。
• Javascript是一种脚本语言，比HTML要复杂。 • Javascript主要是基于客户端运行的，用户点击带有
• function convert(inches) { • feet = inches / 12; • miles = feet / 5280; • nauticalMiles = feet / 6080; • cm = inches * 2.54; • meters = inches / 39.37; •} • km = meters / 1000; • kradius = km; • mradius = miles;
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
Javascript放在外部文件里
• 假使某个Javascript的程序被多个HTML网页使用，最好的方法，是将这个Javascript程序放到一个后缀名为.js 的文本文件里。
• 这样做，可以提高Javascript的复用性，减少代码维护的负担，不必将相同的Javascript代码拷贝到多个HTML 网页里，将来一旦程序有所修改，也只要修改.js文件就可以，不用再修改每个用到这个Javascript程序的 HTML文件。
anExpression; • var aFourthExpression = "(" + aSecondExpression +
") % (" + anExpression + ")";
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
语句 (Statements)
• 以下是几个语句的例子： • aBird = “Robin”; • 上面这句语句表示将 “Robin” 这个字符串赋值给变量
aBird 。 • var today = new Date(); • 上面这句语句表示将今天的日期值赋值给变量 today。
• 注意：在语句块里面的每句语句以分号 (;) 表示结束，但是语句块本身不用分号。
• 语句块 (blocks) 通常用于函数和条件语句中。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
语句块 (Blocks)
• 下面的例句中，{} 中间的 5 句语句构成一个语句块 (block)，而最后三行语句，不在语句块内。
简单的Javascript入门示例
• 我们先来看一个最简单的例子，代码如下： • <html> • <head > • <title>一个最简单的Javascript示例<title> • </head> • <body> • <script type="text/javascript"> • document.write ("Hello, World!"); • </script> • </body> • </html>
ascript语句，执行之后输出的内容就显示在网页中。
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
Javascript 在<body></body>之间
• <html> • <head></head> • <body> • <script type="text/javascript"> • .... • </script> • </body> • </html>
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
表达式 (Expressions)
• var anExpression = 3 * (4 / 5) + 6; • var aSecondExpression = Math.PI * radius * radius; • var aThirdExpression = aSecondExpression + "%" +
• 在HTML里引用外部文件里的Javascript，应在Head里写一句<script src="文件名"></script>，其中src的值，就是Javascript所在文件的文件路径。示例代码如下：
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
语句块 (Blocks)
• 通常来说，用 {} 括起来的一组 Javascript 语句称为语句块 (blocks)。语句块通常可以看做是一句单独的语句。也就是说，在很多地方，语句块可以作为一句单个的语句被其它 Javascript 代码调用。但是以 for 和 while 开头的循环语句例外。另外要注意的是，
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
Javascript在<head></head>之间
• <html> • <head> • <script type ="text/javascript"> • .... • </script > • </head> • <body> • </body> • </html>