JavaScript程序设计实例教程课件任务1-开启JavaScript-学习之旅

任务1开启JavaScript学习之旅前端开发课程组JavaScript程序设计实例教程(第2版)任务1开启JavaScript学习之旅前端开发课程组目标TARGET知识目标了解JavaScript简史。了解JavaScript引擎的工作原理。掌握JavaScript的组成。掌握JavaScript的主要特点和相关应用。掌握常用的与用户交流方式。掌握JavaScript的调试技巧。理解页面结构、样式和行为。目标TARGET知识目标了解JavaScript简史。目标TARGET技能目标能够使用JavaScript脚本编辑器创建项目和新建文件。能够改变JavaScript代码的执行顺序。能够使用多种方案引入JavaScript脚本代码到HTML文档中。能够使用常用的输出语句实现与用户交流。能够获取元素并改变元素的内容。能够实现程序的简单调试。目标TARGET技能目标能够使用JavaScript脚本

1任务描述

2JavaScript简述

3JavaScript编程起步

4任务实施5

小结1任务描述2JavaScript简述3Ja1任务描述Part开启JavaScript学习之旅1任务描述Part开启JavaScript学习之旅作为初学者，体验JavaScript的编写方法与技巧，实现与用户交流：“开启你的JavaScript学习之旅”询问互动效果，使用确认对话框向用户询问，通过alert警示对话和写入页眉内容来回应用户的选择

，并实现文字切换的效果。任务描述：开启JavaScript学习之旅

作为初学者，体验JavaScript的编写方法与2JavaScript简述Part◎JavaScript的组成

◎JavaScript的主要特点

◎JavaScript相关应用◎JavaScript的工作原理2JavaScript简述Part◎JavaScript1JavaScript概要ECMAScript是实现JavaScript所依据的标准。也用来描述语言版本(比如ECMAScript5)，是一种由欧洲计算机制造商协会（ECMA）通过的脚本程序设计标准。1997年，为了解决JavaScript几个版本语法、特性等方面的混乱，推出了ECMA-262规范版本，ECMA-262标准Edition3是一个巨大的成功，在业界得到广泛支持，成为通行标准，奠定了JavaScript语言的基本语法，以后的版本完全继承。直到今天，初学者一开始学习JavaScript，其实就是在学3.0版的语法。2009年12月，ECMAScript5版正式发布。ECMAScript5与ECMAScript3基本保持兼容，ECMAScript5浏览器支持情况：Opera11.60、InternetExplorer9*、Firefox4、Safari5.1*、Chrome13，因此在PC端开发的时候，要注意IE9以下的兼容，移动端开发时，可以比较放心了。1JavaScript概要ECMAScrip2JavaScript的组成JavaScript由三部分组成：核心（ECMAScript）描述了该语言的语法和基本对象浏览器对象模型(BOM，是BrowserObjectModel的首字母缩写)描述了与浏览器进行交互的方法和接口文档对象模型(DOM，是DocumentObjectModel的首字母缩写)描述了处理网页内容的方法和接口2JavaScript的组成JavaScript由三部3JavaScript的主要特点JavaScript是一种Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入到HTML页面中，把静态页面转变成支持用户交互并响应事件的动态页面。用途JavaScript主要用于读写HTML元素、在网页中嵌入动态文本、动态修改CSS样式表；对浏览器事件做出响应、表单数据验证、检测访客的浏览器信息等等。3JavaScript的主要特点JavaScript是一种4JavaScript相关应用1.验证数据2.页面特效3.数值计算4.动态页面效果JavaScript主要用于读写HTML元素、在网页中嵌入动态文本、动态修改CSS样式表；对浏览器事件做出响应、表单数据验证、检测访客的浏览器信息等等。4JavaScript相关应用1.验证数据Jav5JavaScript引擎JavaScript解析引擎就是能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。5JavaScript引擎JavaScript解析引擎就是6JavaScript工作原理应用服务器IEIE解析HTML标签和JavaScript脚本从服务器端下载含JavaScript的页面返回响应客户端请求含JS的页面发送请求1用户输入236JavaScript工作原理应用IEIE解析HTML标签7JavaScript代码执行顺序为了安全起见，我们一般在页面初始化完毕之后才允许JavaScript代码执行，这样可以避免网速对JavaScript执行的影响，同时也避开了HTML文档流对于JavaScript执行的限制。如果在一个页面中存在多个window.onload事件处理函数，则只有最后一个才是有效的，为了解决这个问题，可以把所有脚本或调用函数都放在同一个onload事件处理函数中，例如：window.onload=function(){f1();f2();f3();}而且通过这种方式可以改变函数的执行顺序，方法是：简单地调整onload事件处理函数中调用函数的排列顺序。7JavaScript代码执行顺序为了安全起见，我们一般在3JavaScript编程起步Part◎选择JavaScript脚本编辑器

◎引入JavaScript脚本代码方法

◎常用的输出语句

◎程序的调试◎页面结构、样式和行为3JavaScript编程起步Part◎选择JavaSc1选择JavaScript脚本编辑器HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。HBuilder1选择JavaScript脚本编辑器HBuilder快捷键功能快捷键功能Ctrl+R运行Ctrl+Shift+A选择相同词，方便批量修改Alt+/激活代码助手Ctrl+右箭头后一词Ctrl+D删除当前行Alt+左箭头后退到历史文件Ctrl+Backspace删除前一词Alt+[转到匹配的括号Ctrl+Shift+T删除当前标签Ctrl+Alt+-全部折叠Ctrl+Shift+F整理代码格式Ctrl+Alt++全部打开Ctrl+下箭头向下移行Ctrl+Shift+L激活快捷键视图Ctrl+/开启关闭注释正行Ctrl+F搜索条Ctrl+Shift+Y全部小写Ctrl+H搜索框HBuilder常用的快捷键快捷键功能快捷键功能Ctrl+R运行Ctrl+Shift+A2新项目创建依次单击HBuilder菜单：“文件”|“新建”|“选择移动App”，就可以搭建一个移动App项目。打开“创建移动App”对话框。右图为HbuilderX版本的创建App对话框。2新项目创建依次单击HBuilder菜单：“新建文件依次单击“文件”|“新建”|“HTML文件”。打开了“创建文件向导”对话框。右图为HbuilderX版本的创建App对话框。新建文件依次单击“文件”|“新建”|“HTML文件”。打开了3引入JavaScript使用方法将JavaScript语句插入到HTML文档中有两种方法。1.内嵌JavaScript脚本语法：

<scripttype="text/JavaScript">//JavaScript语句；</script>通常，JavaScript代码是使用script标记嵌入HTML文档中的。type属性用于指定HTML文档引用脚本的语言类型，“type=’text/JavaScript’”表示<script></script>元素中包含的是JavaScript脚本。“//”表示单行注释标记，使用“/**/”定义多行注释。同时需要注意，JavaScript语句必须以分号“；”结束；

JavaScript区分大小写。3引入JavaScript使用方法将JavaScript语2.使用外部JS文件语法：

<scriptsrc="JS文件路径"type="text/javascript"></script>

使用外部JavaScript文件的方法就是将JavaScript代码放入一个单独的文件（*.js），然后将此外部文件链接到一个HTML文档即可。举例演示【例】欢迎来到JS世界。其中html代码如下：<scriptsrc="jstest.js"type="text/javascript"></script>JavaScript源文件：(jstest.js)中的代码如下：document.write("欢迎来到JavaScript世界！");2.使用外部JS文件语法：<scriptsrc="JS4常用的与用户交流方式JavaScript显示数据。1.

window.alert()语法：

alert("提示信息");alert()方法会创建一个警告框，用于将浏览器或文档的警告信息传递给客户。参数可以是变量、字符串或表达式，警告框无返回值。window可以省略。举例演示【例】输出数据。<script>window.alert(5+6);</script>4常用的与用户交流方式JavaScript显示数据。1.2.

document.write()语法：

document.write("输出内容")；举例演示【例】输出数据。<script>document.write("<h1>个人信息</h1>");document.write("<h3>所在班级：310162班<br/>学号：31016201<br/>姓名：李美丽<br/>性别：女<br/>爱好：绘画</h3>");</script>document.write()方法可以向文档写文本、HTML表达式或JavaScript代码。该方法需要个字符串参数，它是写到文档HTML内容，这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。2.document.write()语法：documen3.使用console.log()语法：

console.log("输出内容")；JavaScript显示数据使用console.log()写入到浏览器的控制台。举例演示【例】输出数据。<script>a=5;b=6;c=a+b;console.log(c);</script>3.使用console.log()语法：console.4.确认用户的选择：confirm()语法：window.confirm(“str”)等效于confirm(“str”)；确认消息对话框返回值为布尔型，单击“确认”返回true，单击“取消”返回false。举例演示【例】确认消息对话框。if(confirm("确定开始么?")){alert("您单击了确认");}else{alert("您单击了取消");}4.确认用户的选择：confirm()语法：window.5.提示用户：prompt()方法语法：prompt(msg,defaultText)；提示用户进行输入的对话框。该方法可返回用户输入的字符串。举例演示【例】提示用户进行输入的对话框。varans=prompt("请输入您的账号?","666");if(ans){alert("您的账号是："+ans);}else{alert("您拒绝了回答！");}5.提示用户：prompt()方法语法：prompt(ms6.使用innerHTML语法：object.innerHTML="输出内容"；JavaScript显示数据使用innerHTML写入到HTML元素。举例演示【例】输出数据。<pid="demo">我的第一个段落</p><script>document.getElementById("demo").innerHTML="段落已修改。";</script>6.使用innerHTML语法：object.inne7.程序的调试边改边看模式HBuilderX没有内置浏览器，需要自行安装，HBuilderX版本通常采用外置浏览器Chrome来调试。HBuilder版本是自带的内置浏览器，如图右侧。7.程序的调试边改边看模式HBuilderX没有内置7.程序的调试（1）语法错误语法错误是在程序开发中使用不符合某种语言规则的语句，从而产生的错误被称为语法错误。错误地使用了JavaScript的关键字，错误地定义了变量名称等。

<scriptlanguage="javascript">

document.write(“欢迎来到JavaScript世界”)； prompt("请输入你的年龄",20); alert("测试成功！");</script>标点符号错误使用中文分号举例演示7.程序的调试（1）语法错误语法错误是在程序7.程序的调试（2）逻辑错误

程序不存在语法错误，也没有执行非法操作的语句，可是程序运行时的结果却是不正确的，这种错误叫做逻辑错误。例如判断某人名字是不是叫“Bill”，但编写程序时却少写了一个l，变成了“Bil”，或者将l写成了1，变成了“Bil1”，此时就会发生逻辑错误。

<scriptlanguage="javascript">

document.write("求长方形的周长"); varwidth,height,C; width=prompt("请长方形的宽（单位米）",10); height=prompt("请长方形的高（单位米）",20); C=2(width+height); alert("长方形的周长为"+C);</script>逻辑错误C=2*(width+height);7.程序的调试（2）逻辑错误程序不存在语法错误，也没7.程序的调试（2）逻辑错误输出为何不是60，而是2040？

虽然用户输入的是数字10和20，但prompt（）返回的是输入的字符串，也就是“10”和“20”，所以语句：C=2*(width+height)中变量width和height都是字符串类型，上述语句相当于：C=2*("10"+"20")，所以出现了“2040”的结果。输入的参数需要通过parselent()函数转换为整数。代码为：

C=2*(parseInt(width)+parseInt(height));

7.程序的调试（2）逻辑错误输出为何不是60，而是2040？8.页面结构、表现和行为HTML：（HyperTextMarkupLanguage）超文本标记语言，用来编写网页的内容，形成页面的结构。CSS：（CascadingStyleSheet）层叠样式表，它出现的目的是为了让网页的表现更丰富。JavaScript：控制页面的行为。JavaScript通过事件动态修改HTML和CSS。举例演示8.页面结构、表现和行为HTML：（HyperTextMa9.注释语句JavaScript注释语句HBuilder编辑器开启关闭注释的组合键是“Ctrl+/”，只需选中要注释的内容按下“Ctrl+/”组合键即可。vartel2="88888888";//电话号码HTML注释语句包含在“<!--”与“-->”之间的内容将会被浏览器忽略。示例代码如下：

文档内容...<!--这是一个注释，注释在浏览器中不会显示-->

CSS样式注释语句CSS的注释方法以“/*”开始一直到“*/”结束.white12px{color:white;/*白色12象素文字*/font-size:12px;}9.注释语句JavaScript注释语句4任务实施Part开启JavaScript学习之旅4任务实施Part开启JavaScript学习之旅【演示】本任务是引导初学者体验JavaScript的编写方法与技巧，实现与用户交流：“开启你的JavaScript学习之旅”询问互动效果，使用确认对话框向用户询问，通过alert警示对话和写入页眉内容来回应用户的选择，并实现文字切换的效果。【演示】本任务是引导初学者体验JavaScript的编写方5小结PartHbuilder编辑器的使用方法，页面结构、表现和行为，JavaScript程序的调试技巧，常用实现交流的输入/输出语句等5小结PartHbuilder编辑器的使用方法，小结(1)

JavaScript的基本特点：JavaScript是基于对象和事件驱动，是解释性语言，具有实时性、动态性、跨平台性和安全性，开发使用简单等方面优势；(2)

JavaScript的主要作用体现在客户端表单验证，页面动态效果和动态改变页面；(3)掌握JavaScript编辑器的使用，JavaScript程序的调试技巧。(4)理解页面的结构、表现和行为，能给页面各部分代码添加注释。(5)在页面中引入JavaScript主要有2种方式：①使用<script>…</script>标签；②链接外部的JavaScript文件；(6)常用实现交流的输入/输出语句有：①警告对话框alert();②提示对话框prompt();③输出语句document.write();④写入控制台日志console.log()⑤确认用户的选择confirm()⑥直接操作文档：如使用innerHTML写入到HTML元素；小结(1)JavaScript的基本特点：JavaScr谢谢多一点努力,多一点实践,多一点点就能创造奇迹!谢谢多一点努力,多一点实践,多一点点就能创造奇迹!任务1开启JavaScript学习之旅前端开发课程组JavaScript程序设计实例教程(第2版)任务1开启JavaScript学习之旅前端开发课程组目标TARGET知识目标了解JavaScript简史。了解JavaScript引擎的工作原理。掌握JavaScript的组成。掌握JavaScript的主要特点和相关应用。掌握常用的与用户交流方式。掌握JavaScript的调试技巧。理解页面结构、样式和行为。目标TARGET知识目标了解JavaScript简史。目标TARGET技能目标能够使用JavaScript脚本编辑器创建项目和新建文件。能够改变JavaScript代码的执行顺序。能够使用多种方案引入JavaScript脚本代码到HTML文档中。能够使用常用的输出语句实现与用户交流。能够获取元素并改变元素的内容。能够实现程序的简单调试。目标TARGET技能目标能够使用JavaScript脚本

1任务描述

2JavaScript简述

3JavaScript编程起步

4任务实施5

小结1任务描述2JavaScript简述3Ja1任务描述Part开启JavaScript学习之旅1任务描述Part开启JavaScript学习之旅作为初学者，体验JavaScript的编写方法与技巧，实现与用户交流：“开启你的JavaScript学习之旅”询问互动效果，使用确认对话框向用户询问，通过alert警示对话和写入页眉内容来回应用户的选择

，并实现文字切换的效果。任务描述：开启JavaScript学习之旅

作为初学者，体验JavaScript的编写方法与2JavaScript简述Part◎JavaScript的组成

◎JavaScript的主要特点

◎JavaScript相关应用◎JavaScript的工作原理2JavaScript简述Part◎JavaScript1JavaScript概要ECMAScript是实现JavaScript所依据的标准。也用来描述语言版本(比如ECMAScript5)，是一种由欧洲计算机制造商协会（ECMA）通过的脚本程序设计标准。1997年，为了解决JavaScript几个版本语法、特性等方面的混乱，推出了ECMA-262规范版本，ECMA-262标准Edition3是一个巨大的成功，在业界得到广泛支持，成为通行标准，奠定了JavaScript语言的基本语法，以后的版本完全继承。直到今天，初学者一开始学习JavaScript，其实就是在学3.0版的语法。2009年12月，ECMAScript5版正式发布。ECMAScript5与ECMAScript3基本保持兼容，ECMAScript5浏览器支持情况：Opera11.60、InternetExplorer9*、Firefox4、Safari5.1*、Chrome13，因此在PC端开发的时候，要注意IE9以下的兼容，移动端开发时，可以比较放心了。1JavaScript概要ECMAScrip2JavaScript的组成JavaScript由三部分组成：核心（ECMAScript）描述了该语言的语法和基本对象浏览器对象模型(BOM，是BrowserObjectModel的首字母缩写)描述了与浏览器进行交互的方法和接口文档对象模型(DOM，是DocumentObjectModel的首字母缩写)描述了处理网页内容的方法和接口2JavaScript的组成JavaScript由三部3JavaScript的主要特点JavaScript是一种Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入到HTML页面中，把静态页面转变成支持用户交互并响应事件的动态页面。用途JavaScript主要用于读写HTML元素、在网页中嵌入动态文本、动态修改CSS样式表；对浏览器事件做出响应、表单数据验证、检测访客的浏览器信息等等。3JavaScript的主要特点JavaScript是一种4JavaScript相关应用1.验证数据2.页面特效3.数值计算4.动态页面效果JavaScript主要用于读写HTML元素、在网页中嵌入动态文本、动态修改CSS样式表；对浏览器事件做出响应、表单数据验证、检测访客的浏览器信息等等。4JavaScript相关应用1.验证数据Jav5JavaScript引擎JavaScript解析引擎就是能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。5JavaScript引擎JavaScript解析引擎就是6JavaScript工作原理应用服务器IEIE解析HTML标签和JavaScript脚本从服务器端下载含JavaScript的页面返回响应客户端请求含JS的页面发送请求1用户输入236JavaScript工作原理应用IEIE解析HTML标签7JavaScript代码执行顺序为了安全起见，我们一般在页面初始化完毕之后才允许JavaScript代码执行，这样可以避免网速对JavaScript执行的影响，同时也避开了HTML文档流对于JavaScript执行的限制。如果在一个页面中存在多个window.onload事件处理函数，则只有最后一个才是有效的，为了解决这个问题，可以把所有脚本或调用函数都放在同一个onload事件处理函数中，例如：window.onload=function(){f1();f2();f3();}而且通过这种方式可以改变函数的执行顺序，方法是：简单地调整onload事件处理函数中调用函数的排列顺序。7JavaScript代码执行顺序为了安全起见，我们一般在3JavaScript编程起步Part◎选择JavaScript脚本编辑器

◎引入JavaScript脚本代码方法

◎常用的输出语句

◎程序的调试◎页面结构、样式和行为3JavaScript编程起步Part◎选择JavaSc1选择JavaScript脚本编辑器HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。HBuilder1选择JavaScript脚本编辑器HBuilder快捷键功能快捷键功能Ctrl+R运行Ctrl+Shift+A选择相同词，方便批量修改Alt+/激活代码助手Ctrl+右箭头后一词Ctrl+D删除当前行Alt+左箭头后退到历史文件Ctrl+Backspace删除前一词Alt+[转到匹配的括号Ctrl+Shift+T删除当前标签Ctrl+Alt+-全部折叠Ctrl+Shift+F整理代码格式Ctrl+Alt++全部打开Ctrl+下箭头向下移行Ctrl+Shift+L激活快捷键视图Ctrl+/开启关闭注释正行Ctrl+F搜索条Ctrl+Shift+Y全部小写Ctrl+H搜索框HBuilder常用的快捷键快捷键功能快捷键功能Ctrl+R运行Ctrl+Shift+A2新项目创建依次单击HBuilder菜单：“文件”|“新建”|“选择移动App”，就可以搭建一个移动App项目。打开“创建移动App”对话框。右图为HbuilderX版本的创建App对话框。2新项目创建依次单击HBuilder菜单：“新建文件依次单击“文件”|“新建”|“HTML文件”。打开了“创建文件向导”对话框。右图为HbuilderX版本的创建App对话框。新建文件依次单击“文件”|“新建”|“HTML文件”。打开了3引入JavaScript使用方法将JavaScript语句插入到HTML文档中有两种方法。1.内嵌JavaScript脚本语法：

<scripttype="text/JavaScript">//JavaScript语句；</script>通常，JavaScript代码是使用script标记嵌入HTML文档中的。type属性用于指定HTML文档引用脚本的语言类型，“type=’text/JavaScript’”表示<script></script>元素中包含的是JavaScript脚本。“//”表示单行注释标记，使用“/**/”定义多行注释。同时需要注意，JavaScript语句必须以分号“；”结束；

JavaScript区分大小写。3引入JavaScript使用方法将JavaScript语2.使用外部JS文件语法：

<scriptsrc="JS文件路径"type="text/javascript"></script>

使用外部JavaScript文件的方法就是将JavaScript代码放入一个单独的文件（*.js），然后将此外部文件链接到一个HTML文档即可。举例演示【例】欢迎来到JS世界。其中html代码如下：<scriptsrc="jstest.js"type="text/javascript"></script>JavaScript源文件：(jstest.js)中的代码如下：document.write("欢迎来到JavaScript世界！");2.使用外部JS文件语法：<scriptsrc="JS4常用的与用户交流方式JavaScript显示数据。1.

window.alert()语法：

alert("提示信息");alert()方法会创建一个警告框，用于将浏览器或文档的警告信息传递给客户。参数可以是变量、字符串或表达式，警告框无返回值。window可以省略。举例演示【例】输出数据。<script>window.alert(5+6);</script>4常用的与用户交流方式JavaScript显示数据。1.2.

document.write()语法：

document.write("输出内容")；举例演示【例】输出数据。<script>document.write("<h1>个人信息</h1>");document.write("<h3>所在班级：310162班<br/>学号：31016201<br/>姓名：李美丽<br/>性别：女<br/>爱好：绘画</h3>");</script>document.write()方法可以向文档写文本、HTML表达式或JavaScript代码。该方法需要个字符串参数，它是写到文档HTML内容，这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。2.document.write()语法：documen3.使用console.log()语法：

console.log("输出内容")；JavaScript显示数据使用console.log()写入到浏览器的控制台。举例演示【例】输出数据。<script>a=5;b=6;c=a+b;console.log(c);</script>3.使用console.log()语法：console.4.确认用户的选择：confirm()语法：window.confirm(“str”)等效于confirm(“str”)；确认消息对话框返回值为布尔型，单击“确认”返回true，单击“取消”返回false。举例演示【例】确认消息对话框。if(confirm("确定开始么?")){alert("您单击了确认");}else{alert("您单击了取消");}4.确认用户的选择：confirm()语法：window.5.提示用户：prompt()方法语法：prompt(msg,defaultText)；提示用户进行输入的对话框。该方法可返回用户输入的字符串。举例演示【例】提示用户进行输入的对话框。varans=prompt("请输入您的账号?","666");if(ans){alert("您的账号是："+ans);}else{alert("您拒绝了回答！");}5.提示用户：prompt()方法语法：prompt(ms6.使用innerHTML语法：object.innerHTML="输出内容"；JavaScript显示数据使用innerHTML写入到HTML元素。举例演示【例】输出数据。<pid="demo">我的第一个段落</p><script>document.getElementById("demo").innerHTML="段落已修改。";</script>6.使用innerHTML语法：object.inne7.程序的调试边改边看模式HBuilderX没有内置浏览器，需要自行安装，HBuilderX版本通常采用外置浏览器Chrome来调试。HBuilder版本是自带的内置浏览器，如图右侧。7.程序的调试边改边看模式HBuilderX没有内置7.程序的调试（1）语法错误语法错误是在程序开发中使用不符合某种语言规则的语句，从而产生的错误被称为语法错误。错误地使用了JavaScript的关键字，错误地定义了变量名称等。

<scriptlanguage="javascript">

document.write(“欢迎来到JavaScript世界”)； prompt("请输入你的年龄",20); alert("测试成功！");</script>标点符号错误使用中文分号举例演示7.程序的调试（1）语法错误语法错误是在程序7.程序的调试（2）逻辑错误

程序不存在语法错误，也没有执行非法操作的语句，可是程序运行时的结果却是不正确的，这种错误叫做逻辑错误。例如判断某人名字是不是叫“Bill”，但编写程序时却少写了一个l，变成了“Bil”，或者将l写成了1，变成了“Bil1”，此时就会发生逻辑错误。

<scriptlanguage="javascript">

document.write("求长方形的周长"); varwidth,height,C; width=prompt("请长方形的宽（单位米）",10); height=prompt("请长方形的高（单位米）",20); C=2(width+height); alert("长方形的周长为"+C);</script>逻辑错误C=2*(width+height);7.程序的调试（2）逻辑错误程序不存在语法错误，也没7.程序的调试（2）逻辑错误输出为何不是60，而是2040？

虽然用户输入