1.hellow world程序.pptVIP

网页脚本编程 胡泽军 自我介绍 胡泽军 Tel:QQ：599187665 Email: 599187665@ 成绩评定 平时占40%. 期末占60%. 平时考勤，三次旷课取消考试资格。 成绩不代表什么，但代表你的用心程度。 课程内容 由两部分构成 一、JavaScript语言基础 语言与Java、C、C#语言有相似性。但绝对不相同。 二、客户端脚本编程 建议的学习方法 一、良好的心态 只要你用心就能学好。要学就要学好，不要找什么理由。 二、记忆 基本的语法要记。 三、练习（上机实践） 练习是理解重要途径 第1章 JavaScript概述 JavaScript是一种具有面向对象能力的、解释型的程序设计语言。 在句法构成上，JavaScript的核心语言与C、C++和Java相似。 但是，JavaScript是一种松散类型语言，这就是说，它的变量不必具有一个明确的类型。 JavaScript th的对象把属性名映射为任意的属性值。 JavaScript中的OO继承机制是基于原型的，和C++以及Java中的继承大不相同。 JavaScript的核心语言将数字、字符串和布尔值作为原始数据类型支持，它还内建支持数组、日期和正则表达式对象。 一、Web浏览器中的应用 JavaScript在Web浏览器中应用最为广泛，在此环境中，通用用途的核心通过对象得到扩展，这些对象允许脚本和用户交互，控制Wcb浏览器，以及修改出现在浏览器窗口中的文档内容。这种嵌入式版本的JavaScript运行嵌入到HTMLWeb页面中的脚本，它通常称作客户端的JavaScript，以强调脚本是由客户端计算机运行的而不是由Web服务器运行的。 例一：hellow world 例一 : -个简单的 JavaScript程序 html headtitleFactorials/title/head body h2Table of Factorials/h2 script var fact = 1; for(i = 1; i 10; i++) { fact = fact*i; document.write(i + ! = + fact + br); } /script /body /html 分析 标记script和／script用来在HTML文件中嵌入JavaScript代码。 JavaScript的主要功能是方法document.write()的使用。 例二、JavaScript响应事件 当你在输入字段中输入了一个值或者点击了文档中的一幅图像，JavaScript程序就会以某种方式对此做出响应。 JavaScript是通过为文档定义事件句柄(evcnt handler)来实现这一点的。当用户点击按钮这样的特定事件发生时，执行相应的JavaScript代码段。 例2. 响应鼠标点击事件 button onclick=alert(You clicked the button); Click here /button 事件 属性值放在引号中 HTML不区分大小写， JavaScript区别大小写 JavaScript语句以分号结束。 alert()函数会弹出一个对话框以显示指定的消息。 例3. 计算分期还款（了解） 复利系数＝(1+x)N 分期还款： ＝总额*复利系数*利率/(复利系数-1) 用Form表单存储输入的数据 代码分析，见1.3.html （了解） 事件的定义： onchange input type=text name=principal onchange=calculate(); 函数的定义 function calculate() { } //从表单中取出输入的值 var principal = document.loandata.principal.value; 格式：document.表单名.元素名.value 代码分析，见1.3.html （了解） //查找到payment元素 var payment = document.getElementById(payment); 通过元素的id查找到元素。 document.getElementById(元素的id); 设置元素的内嵌代码： payment.innerHTML = monthly.toFixed(2) 格式：元素名.innerHTML = 设置内容 如果number 不是NaN 、负无穷或正无穷，那么isFinite 方法将返回true 。 试一试 模仿例一，写一个程序计算1到9的自然数的平方。 直接在浏览器地址中输入 javascript:d