01JavaScript简介.pptVIP

JavaScript简介 桂林电子科技大学职业技术学院朱笑雷 JavaScript简介 一、为什么要使用JavaScript 二、JavaScript的主要作用 三、JavaScript的特点 四、在HTML 中集成 JavaScript 五、一个简单实例 一、为什么要使用JavaScript JavaScript是由Netscape（网景）公司研发出来的一种脚本程序语言，一般写在HTML文件中，能实现网页内容的交互显示。当在客户端显示含有JavaScript的网页时，浏览器就会执行JavaScript程序，从而用户可以通过交互式操作来变换网页的内容，实现HTML语言所不能实现的效果 一、为什么要使用JavaScript 扩展阅读： 客户端脚本与服务器端脚本 JavaScript与Jscript ECMA(欧洲计算机厂商协会)标准:ECMA-262 Internet Explorer与Firefox 二、JavaScript的主要作用 1、用户数据校验 2、处理网页元素的事件,增强交互性 3、实现文件内容的动态显示 4、更改HTML标签的样式和属性，让页面具有丰富的外观 三、JavaScript的特点 1、解释执行 称为脚本语言、无需编译 2、客户端运行 由浏览器解释执行、跨平台 3、基于对象 JavaScript对象 DOM:文档对象模型 4、事件驱动 三、JavaScript的特点 扩展：JavaScript和Java的区别（表4-2） 它们是两个公司开发的不同的两个产品 JavaScript是基于对象的，Java是面向对象的 两种语言在浏览器中执行的方式不同 两种语言使用变量的方式不同 代码格式不一样。 嵌入方式不一样。 四、在HTML 中集成 JavaScript 1、位置 理论上，可以将 JavaScript 语句放置在文档中的任何位置。然而，将核心脚本语句放置在标题部分是一个良好的编程习惯，因为这确保了所有代码在从 BODY 部分调用之前被阅读和被解码。 四、在HTML 中集成 JavaScript 2、使用script标记 script !-- (JavaScript代码) ∥注释语句 ∥-- /script 四、在HTML 中集成 JavaScript 3、链接JavaScript文件 如果要在多个HTML网页中使用某个JavaScript程序，最好的方法是将这个JavaScript程序放在一个扩展名为.js的文本文件中，而不必将相同的JavaScript代码复制到多个HTML文档中，需要修改程序时，只需修改.js文件，这提高了JavaScript的复用性，减少了代码维护的负担。 四、在HTML 中集成 JavaScript 4、JavaScript编写 区分大小写 编辑器 各种文本编辑器 Dreamweaver VS2008 JavaScript Editor …… 四、在HTML 中集成 JavaScript 5、关于Script标签的参数 type 和 language 属性都可用来指定 script 标签中的脚本的类型 language = JavaScript type = text/javascript“ 对特别长的 JavaScript 程序或者经常重复使用的程序来说，你可以希望将这些代码存放到一个单独的文件中。在这样的情况下，让浏览器通过 src 属性来载入那个单独的文件。 如果您的脚本不会改变文档的内容，可将 defer 属性加入到 script 标签中，以便加快处理文档的速度 五、一个简单实例 输入一个整数，计算并显示该数的阶乘。 课堂练习 87页例4-1 选做：在两个文本框中输入两个整数，点击按钮后讲其和显示在第三个文本。 * * HTML HEAD SCRIPT LANGUAGE = JavaScript document.write(欢迎进入 JavaScript 世界 ); /SCRIPT /HEAD BODY P尽享学习之乐！！！ /BODY /HTML HEAD TITLE使用外部文件/TITLE SCRIPT SRC = test.js/SCRIPT /HEAD script language=javascript function getVal() { var v=1; for(var i=1;i=form1.txtNum.value;i++) v=v*i; form1.txtResult.value=v; } /script 例1-1 *