JAVASCRIPT-培训学习课件.ppt

Javascript简介 Javascript是一种解释性的，基于对象的脚本语言(an interpreted, object-based scripting language)。 Javascript是一种脚本语言，比HTML要复杂。 Javascript主要是基于客户端运行的，用户点击带有Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。 互动性功能都是在客户端完成的，不需要和Web Server发生任何数据交换，因此，不会增加Web Server的负担。 简单的Javascript入门示例 我们先来看一个最简单的例子，代码如下： html head title一个最简单的Javascript示例title /head body script type=text/javascript document.write (Hello, World!); /script /body /html 简单的Javascript入门示例 在HTML网页里插入Javascript语句，应使用HTML的script。script这个tag有个属性叫type，type =text/javascript表示插入script/script其中的为Javascript语句。 上面的例子中，使用了document.wirte，这是Javascript中非常常用的语句，表示输出文本。 我们还可以将这个例子写得更加复杂写，不但输出文本，而且输出带HTML格式的文本。代码如下： script type=text/javascript document.write(h1Hello, World!/h1); /script 简单的Javascript入门示例 在参考别人的Javascript代码时，你也许会看 到script里写的不是 type=text/javascript，而是language=javascript。目前这两种方法都可以表示script/script里的代码是Javascript 。其中language这个属性在W3C的HTML标准中，已 不再推荐使用。 Javascript写在哪里 Javascript程序可以放在： HTML网页的body/body里 HTML网页的head /head里 外部.js文件里 Javascript 在body/body之间 当浏览器载入网页Body部分的时候，就执行其中的Jav ascript语句，执行之后输出的内容就显示在网页中。 Javascript 在body/body之间 html head/head body script type=text/javascript .... /script /body /html Javascript在head/head之间 Javascript在head/head之间 有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的head/head里。 Javascript在head/head之间 html head script type =text/javascript .... /script /head body /body /html Javascript放在外部文件里 假使某个Javascript的程序被多个HTML网页使用，最好的方法，是将这个Javascript程序放到一个后缀名为.js的文本文件里。 这样做，可以提高Javascript的复用性，减少代码维护的负担 ，不必将相同的Javascript代码拷贝到多个HTML网页里，将来一旦程序有所修改 ，也只要修改.js文件就可以，不用再修改每个用到这个Javascript程序的HTML文件。 在HTML里引用外部文件里的Javascript，应在Head里写一句script src=文件名/script，其中src的值，就是Javascript所在文件的文件路径。示例代码如下： Javascript放在外部文件里 html head script src=“c:/js/common.js /script /head body /body /html 编写Javascript 代码 象很多其它编程语言一样 ，Javascript 也是用文本格式编写，由语句 (statements)，语句块 (blocks) 和注释 (comments) 构成。语句块 (blocks) 是由一些相互有关联的语句构成的语句集合。在一句语句 (statement) 里，你可以使用变量 ，字符串 和数字 (literals)