JavaScript的基本语法
js使用手册
js使用手册JavaScript（简称JS）是一种脚本语言，用于在网页上实现交互效果和动态内容。
它是目前使用最广泛的编程语言之一，因为它可以用于开发网页应用、游戏、桌面应用等各种类型的程序。
本文将为你提供一份简明的JavaScript使用手册，介绍了JavaScript的基本语法、数据类型、函数、控制流和常见的操作等内容。
一、基本语法：1.注释：可以使用双斜杠（//）进行单行注释，或使用斜杠和星号（/*...*/）进行多行注释。
2.变量和常量：使用var关键字声明变量，使用const关键字声明常量。
JavaScript使用弱类型，所以变量可以在不同的数据类型之间进行转换。
3.数据类型：JavaScript包含了多种数据类型，包括数字、字符串、布尔值、数组、对象等。
可以使用typeof操作符来检查变量的数据类型。
4.运算符：JavaScript支持常见的算术运算符（例如+、-、*、/）和逻辑运算符（例如&&、||、!），以及比较运算符（例如==、>、<）。
5.字符串操作：可以使用+运算符来连接字符串，也可以使用字符串模板（`${...}`）来创建格式化的字符串。
二、数据类型：1.数字类型：JavaScript中的数字包括整数和浮点数。
可以进行基本的算术运算，也可以使用内置的Math对象来进行高级的数学计算。
2.字符串类型：JavaScript中的字符串以单引号（'...'）或双引号（"..."）括起来。
可以使用一系列内置的字符串方法来操作和处理字符串。
3.布尔类型：JavaScript中的布尔类型只有两个值，true和false。
可以通过逻辑运算符和比较运算符来进行布尔运算。
4.数组类型：JavaScript中的数组可以存储多个值，并根据索引进行访问。
可以使用一系列内置的数组方法来操作和处理数组。
5.对象类型：JavaScript中的对象是一种复合数据类型，可以存储键值对。
js的if else语句
JavaScript中的if-else语句用于根据条件执行不同的代码块。
它的基本语法如下：Javascriptif (condition) {// 当条件为真时执行的代码} else {// 当条件为假时执行的代码}在这个语法中，condition是一个表达式，它的值将被求值为布尔类型（true或false）。
如果条件为真，那么将执行if代码块中的代码；如果条件为假，那么将执行else代码块中的代码。
以下是一个简单的例子：Javascriptvar num = 10;if (num > 0) {console.log("Number is positive");} else {console.log("Number is negative or zero");}在这个例子中，如果num的值大于0，将输出"Number is positive"；否则，将输出"Number is negative or zero"。
除了if-else语句，还可以使用if-else if-else结构来处理多个条件。
它的语法如下：Javascriptif (condition1) {// 当条件1为真时执行的代码} else if (condition2) {// 当条件2为真时执行的代码} else {// 当所有条件都为假时执行的代码}在这个结构中，首先会检查条件1，如果条件1为真，则执行对应的代码块；如果条件1为假，则继续检查条件2，以此类推。
如果所有条件都为假，则执行else代码块中的代码。
以下是一个使用if-else if-else结构的例子：Javascriptvar num = 10;if (num > 0) {console.log("Number is positive");} else if (num < 0) {console.log("Number is negative");} else {console.log("Number is zero");}在这个例子中，如果num的值大于0，将输出"Number is positive"；如果num的值小于0，将输出"Number is negative"；如果num的值等于0，将输出"Number is zero"。
实验十二 JavaScript基本语法
实验十二 JavaScript基本语法一、实验目标1、掌握JavaScript的基本语法；2、掌握在见面中插入JavaScript脚本的方法；3、掌握JavaScript变量、函数及各类控制语句。
二、实验内容1、调用JS文件,输出欢迎信息2、自定义函数,通过按钮弹出欢迎对话框3、使用循环语句完成“JavaScript基本语法”文本h1到h6标题的输出三、实验参考步骤1、调用JS文件,输出欢迎信息,命名名JS1.html➢定义单独的JS文件，编写JS脚本-欢迎信息，注意HTML标签及属性的运用,可以考虑font标签及颜色属性的使用。
测试一下在JS中如何输出标签.➢新建HTML文档➢调用JS文件➢输出欢迎信息，测试，完成➢效果图如下：2、自定义函数,通过按钮弹出欢迎对话框,命名名JS2.html➢新建HTML文档➢在body中输入常用按钮➢定义JS脚本代码，定义函数，完成欢迎对话框功能；注意函数功能的完成及函数是否有参考传递，如果有返回值用return语句返回，➢通过按钮调用自定义的函数➢测试，完成.➢效果图如下：3、使用循环语句完成“JavaScript基本语法”文本h1到h6标题的输出，命名名JS3.html➢新建HTML文档➢选择一种循环语句,通过循环语句完成题目➢注意:所有的HTML标签都可以以字符形式输出➢效果图如下:4、事件的使用➢新建HTML文档，插入第一张灰度的图片：eg-mouse2.jpg，命名成img1➢编写鼠标经过及离开时函数，参考如下：function over(){document.img1.src ="img/eg_mouse.jpg"}//选择本地图片的路径➢通过img标签的鼠标经过和离开事件调用上述对应函数➢测试，完成四、实验课后习题1、字符串函数的使用2、数组函数的使用定义数组，完成春夏秋冬四季的换行输出.var theMonths = new Array("春","夏","秋","冬"),s;for(var i=0;i<=3;i++){s=theMonths[i];document.write(s+"<br/>");</script>3、根据系统时间显示今天星期几？预习249页Date对象的使用。
JS中常用的语法大全
JS中常用的语法大全1.输出语句:document.write("")2.JS中的注释为://3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)6.一个小写转大写的JS:document.getElementById("output").value =document.getElementById("input").value.toUpperCase();7.JS中的值类型:String,Number,Boolean,Null,Object,Function8.JS中的字符型转换成数值型: parseInt(),parseFloat()9.JS中的数字转换成字符型: (""+变量)10.JS中的取字符串长度是: (length)11.JS中的字符与字符相连接使用+号.12.JS中的比较操作符有: ==等于,!=不等于,>,>=,<.<=13.JS中声明变量使用: var来进行声明14.JS中的判断语句结构: if(condition){}else{}15.JS中的循环结构: for([initial e¬xpression];[condition];[upadte e¬xpression]) {inside loop}16.循环中止的命令是: break17.JS中的函数定义: function functionName([parameter],...){statement[s]}18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self20.状态栏的设置: window.status="字符";21.弹出提示信息:window.alert("字符");22.弹出确认框:window.confirm();23.弹出输入提示框:window.prompt();24.指定当前显示链接的位置:window.location.href="/blog/URL"25.取出窗体中的所有表单的数量:document.forms.length26.关闭文档的输出流:document.close();27.字符串追加连接符:+=28.创建一个文档元素:document.createElement(),document.createTextNode()29.得到元素的方法:document.getElementById()30.设置表单中所有文本型的成员的值为空:var form = window.document.forms[0]for (var i = 0; iif (form.elements.type == "text"){form.elements.value = "";}}31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked 属性代表为是否选中返回TRUE或FALSE)32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length33.单选按钮组判断是否被选中也是用checked.34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)35.字符串的定义:var myString = new String("This is lightsword");36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.38.取字符串中指定位置的一个字符:StringA.charAt(9);39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数41.定义日期型变量:var today = new Date();42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒[注意:此日期时间从0开始计]43.FRAME的表示方式:[window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameNa me.ObjFuncVarName44.parent代表父亲对象,top代表最顶端对象45.打开子窗口的父窗口为: opener46.表示当前所属的位置: this47.当在超链接中调用JS函数时用: (javascript : ) 来开头后面加函数名48.在老的浏览器中不执行此JS:49.引用一个文件式的JS:50.指定在不支持脚本的浏览器显示的HTML:51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,Referenc eError,RegExp,String,SyntaxError,TypeError,URIError53.JS中的换行:\n54.窗口全屏大小:55.JS中的all代表其下层的全部元素56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 157.innerHTML的值是表单元素的值:如"how are you",则innerHTML的值就是:how are you58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.60.isDisabled判断是否为禁止状态.disabled设置禁止状态61.length取得长度,返回整型数值62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc63.window.focus()使当前的窗口在所有窗口之前.64.blur()指失去焦点.与FOCUS()相反.65.select()指元素为选中状态.66.防止用户对文本框中输入文本: onfocus="this.blur()"67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()69.状态栏文字的设置:window.status=‘文字‘,默认的状态栏文字设置:window.defaultStatus = ‘文字.‘;70.添加到收藏夹:external.AddFavorite("/";,"55like");71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.73.JS中的self指的是当前的窗口74.JS中状态栏显示内容:window.status="内容"75.JS中的top指的是框架集中最顶层的框架76.JS中关闭当前的窗口:window.close();77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}78.JS中的窗口重定向:window.navigate("/";);79.JS中的打印:window.print()80.JS中的提示输入框:window.prompt("message","defaultReply");81.JS中的窗口滚动条:window.scroll(x,y)82.JS中的窗口滚动到位置:window.scrollby83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;86.当窗体第一次调用时使用的文件句柄: onload()87.当窗体关闭时调用的文件句柄: onunload()88.window.location的属性:protocol(http : ),hostname(),port(80),host(: 80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)89.window.location.reload()刷新当前页面.90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)91.document.write()不换行的输出,document.writeln()换行输出92.document.body.noWrap=true;防止链接文字折行.93.变量名.charAt(第几位),取该变量的第几位的字符.94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.95.字符串连接:string.concat(string2),或用+=进行连接96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)stIndexOf(searchString[,startIndex])最后一次出现的位置.98.string.match(regExpression),判断字符是否匹配.99.string.replace(regExpression,replaceString)替换现有字符串.100.string.split(分隔符)返回一个数组存储值.101.string.substr(start[,length])取从第几位到指定长度的字符串.102.string.toLowerCase()使字符串全部变为小.103.string.toUpperCase()使全部字符变为大写.104.parseInt(string[,radix(代表进制)])强制转换成整型.105.parseFloat(string[,radix])强制转换成浮点型.106.isNaN(变量):测试是否为数值型.107.定义常量的关键字:const,定义变量的关键字:var。
JavaScript
JavaScript第1章基本概念Javascript是一种脚本语言，比HTML要复杂。
不过即便你先前不懂编程，也不用担心，因为Javascript 写的程序都是以源代码的形式出现的，也就是说你在一个网页里看到一段比较好的Javascript代码，恰好你也用得上，就可以直接拷贝，然后放到你的网页中去。
正因为可以借鉴、参考优秀网页的代码，所以让Javascript本身也变得非常受欢迎，从而被广泛应用。
原来不懂编程的人，多参考Javascript示例代码，也能很快上手。
Javascript主要是基于客户端运行的，用户点击带有Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。
前面提到的下拉菜单、验证表单有效性等大量互动性功能，都是在客户端完成的，不需要和Web Server发生任何数据交换，因此，不会增加Web Server的负担。
JavaScript是一种描述性脚本语言，可以被嵌入到HTML文件中客户端执行。
Java和JavaScript没有任何关系，只是名字像而已。
Java是面向对象编程语言强类型的语言JavaScript是基于对象的脚本语言弱类型的语言解释型语言JavaScript主要应用于网页界面的交互控制，是一门基于事件驱动的语言。
JavaScript是一个跨平台的脚本语言，只有和网页文件配合才能使用。
1.1 特点1.解释执行的脚本编程语言2.基于对象的语言3.由事件驱动，可以直接和用户进行交互4.可以跨平台，仅依赖于浏览器，与操环境无关5.JS可以实现丰富多彩的网页特效及客户端验证功能1.2 id和name的区别与联系相同点：在文档访问时，id和name都可以作为组件的标识来使用。
不同点：id通常用在网页内部，作为组建的唯一标识name通常用来作为传递信息的标签名1.3 基本结构<script>JavaScript语句</script>JavaScript程序可以添加到HTML文档的<head>或<body>部分❖应用JavaScript直接嵌入到HTML文件中JavaScript链接到HTML文件中Javascript程序可以放在：•HTML网页的<body></body>里•HTML网页的<head></head>里•外部.js文件里1.4 注释(Comments)为了程序的可读性，以及便于日后代码修改和维护时，更快理解代码，你可以在Javascript 程序里为代码写注释(comments)。
JavaScript的基本语法
一. 与html结合方式1. 内部JS：定义<script>，标签体内容就是js代码（可以理解为和html代码写在一起）2. 外部JS：定义<script>，通过src属性引入外部的js文件（单独定义的JS代码，没有和html代码写在一块）* 注意：1. <script>可以定义在html页面的任何地方。
但是定义的位置会影响执行顺序。
2. <script>可以定义多个。
二. 注释和Java语言一样1. 单行注释：//注释内容2. 多行注释：/*注释内容*/三. 数据类型：1. 原始数据类型(基本数据类型)：（不知道原始数据类型也可以学好JavaScript）1. number：数字。
整数/小数/NaN(not a number 一个不是数字的数字类型)2. string：字符串。
字符串 "abc"、"a" 、'abc'3. boolean: true和false4. null：一个对象为空的占位符5. undefined：未定义。
如果一个变量没有给初始化值，则会被默认赋值为undefined2. 引用数据类型：对象四. 变量1、变量：一小块存储数据的内存空间2、Java语言是强类型语言，而JavaScript是弱类型语言。
* 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。
只能存储固定类型的数据* 弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。
3、语法：* var 变量名= 初始化值;4、typeof运算符：获取变量的类型。
* 注：null运算后得到的是object五. 运算符(和Java有点类似)1. 一元运算符：只有一个运算数的运算符++、--、 +(正号)* ++ --: 自增(自减)* ++(--) 在前，先自增(自减)，再运算* ++(--) 在后，先运算，再自增(自减)* +(-)：正负号* 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换* 其他类型转number：* string转number：按照字面值转换。
掌握JavaScript语言的基本语法
掌握JavaScript语言的基本语法JavaScript语言是一种脚本语言，是由网景公司（现已经被美国在线收购）发明的一种动态、面向对象、弱类型的编程语言，可以嵌入到HTML（超文本标记语言）中使用，是目前最流行的编程语言之一。
本文就JavaScript语言的基本语法进行介绍。
一、JavaScript语言的基本语法1.变量声明JavaScript语言中变量的声明使用var关键字，例如：var a; //声明一个未赋值的变量avar a = 1; //声明一个赋值了1的变量a2.数据类型JavaScript中的数据类型主要包括数字、字符串、布尔、null、undefined和对象等。
其中数字类型可以进行算术运算，字符串类型可以连接，布尔类型则是true或false。
3.运算符JavaScript语言中的运算符包括算术运算符（+、-、*、/、%）、比较运算符（==、!=、<、<=、>、>=）、逻辑运算符（&&、||、！）、位运算符（&、|、^、~、>>、<<）等。
4.条件语句JavaScript中常用的条件语句有if语句、switch语句等。
if语句的格式为：if (条件判断1) {语句块1;} else if (条件判断2){语句块2;} else {语句块3;}5.循环语句JavaScript中的循环语句主要有for、while、do…while等。
格式如下：for (初始化表达式；条件判断表达式；循环后表达式) {语句块;}while (条件判断表达式) {语句块;}do {语句块;} while (条件判断表达式);6.函数JavaScript中的函数使用function关键字进行定义，如下所示：function函数名称(参数1,参数2 …参数n) {语句块;return返回值;}7.数组JavaScript中的数组可以保存多个不同类型的值。
JavaScript初级基础教程
JavaScript初级基础教程一：语句、执行顺序、词法结构、标识符、关键字、变量、常量、alert 语句和console控制台。
JavaScript执行顺序：step 1. 读入第一个代码块。
step 2. 做语法分析，有错则报语法错误（比如括号不匹配等），并跳转到step5。
step 3. 对var变量和function定义做“预编译处理”（永远不会报错的，因为只解析正确的声明）。
step 4. 执行代码段，有错则报错（比如变量未定义）。
step 5. 如果还有下一个代码段，则读入下一个代码段，重复step2。
step6. 结束。
javascript语法结构：一：字符集1、区分大小写JavaScript是区分大小写的语言所有的标识符（identifier）都必须采取一致的大小写形式但是Html并不区分大小写（尽管Xhtml区分）2、空格、换行符和格式控制符JS会忽略程序中的标识（token）之间的空格。
多数情况下也会忽略换行符除了可以识别普通的空格符（\u0020）,JS也可以识别如下这些表示空格的字符*水平制表符（\u0009）*垂直制表符（\u000B）*换页符（\u000C）*不中断空白（\u00A*字节序标记（\ufeff）JS将如下字符识别为行为结束符三：注释//单行/*...*/多行四：直接量直接量（literal）：就是程序中直接使用的数据值。
eg：12//数字1.2//小数“hello world” //字符串文本’hi‘ //字符串ture //布尔值false //另一个布尔值/javascript/gi //正则表达式直接量（用做模式匹配）null //空五：标识符和保留字在js中标识符用来对变量和函数进行命名，或者用作Js代码中的某些循环语句中的跳转位置的标记。
JS标识符必须以字母、下划线（_）或美元符（$开始)六：类型、值和变量js数据类型分为两类：原始类型（primitive type）和对象类型（object type）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
回顾HTML-1 回顾
常用的HTML标签有哪些？ 标签有哪些？ 常用的 标签有哪些
标签名称
请说说表格的基本结构以及跨行、跨列的用法？ 请说说表格的基本结构以及跨行、跨列的用法？ 跨行
说明
<HTML> 界定一个完整的HTML文档 界定一个完整的 文档 <TABLE border="1"> <TR> <HEAD> 定义文档的头部 <TD 跨的行数” 跨的行数 <TITLE> rowspan=“跨的行数”> 设定显示在浏览器左上方的标题内容 单元格内容 <BODY> 定义文档的主体 </TD> <FONT> colspan=“跨的列数”、字号和颜色 定义文字的字体、 定义文字的字体 > <TD 跨的列数” 跨的列数 <P> 定义文本的段落 单元格内容 </TD> <BR> 在文本中插入一个换行 <IMG> …… 插入一张图像 </TR> <HR> 插入一条水平分隔线 …… <A> 定义超级链接 </TABLE> <MARQUEE> 实现页面中的滚动文字或图片
<HTML> <HEAD> <TITLE>脚本的基本结构 脚本的基本结构</TITLE> 脚本的基本结构 <SCRIPT language="javascript"> var count=0; document.write("淘宝网欢迎您！"); 淘宝网欢迎您！ 淘宝网欢迎您 for(i=0;i<5;i++) document.write("<H2>淘宝网欢迎您！</H2>"); 淘宝网欢迎您！ 淘宝网欢迎您 </SCRIPT> </HEAD> <BODY> <H1> BODY部分的内容 部分的内容</H1> 部分的内容 </BODY> </HTML> 大家想想上面JavaScript代码与我们学过的 代码与我们学过的Java、C#语言有相似的地方吗？ 语言有相似的地方吗？ 大家想想上面 代码与我们学过的 、 语言有相似的地方吗
什么是函数
1、在页面中放置一个文本框和一个按钮，让用户输入次数 、在页面中放置一个文本框和一个按钮， 后点击按钮才显示 2、把循环显示的代码放置到函数中，当点击按钮时，才调 、把循环显示的代码放置到函数中，当点击按钮时， 用函数显示HelloWorld 用函数显示 经过分析，该如何解决上面问题？ 经过分析，该如何解决上面问题？
本节任务
制作淘宝网购物 简易计算器页面
本节目标
掌握脚本的基本结构(Script标签 标签) 掌握脚本的基本结构 标签 简单记忆基本语法
变量的定义与赋值 数据类型与转换parseFloat等 等 数据类型与转换 运算符和控制语句同Java 运算符和控制语句同
灵活运用高级语法－自定义函数 灵活运用高级语法－自定义函数function
类型转换
parseInt (String)
将字符串转换为整型数字 将字符串“ 转换为整型值86 如: parseInt (“86”)将字符串“86”转换为整型值 将字符串 转换为整型值
parseFloat(String)
将字符串转换为浮点型数字 将字符串“ 转换为浮点值34.45 如: parseInt (“34.45”)将字符串“34.45”转换为浮点值 将字符串 转换为浮点值
使用有参函数
定义有参函数
<HEAD> <SCRIPT language="JavaScript" > function compute(op) JavaScript 代码 定义有参函数compute( )，完成计算功能， 定义有参函数 ，完成计算功能， { op参数代表运算符号。 参数代表运算符号。 参数代表运算符号 var num1,num2; num1=parseFloat(document.myform.txtNum1.value); num2=parseFloat(document.myform.txtNum2.value); if (op=="+") document.myform.txtResult.value=num1+num2 ; if (op=="-") document.myform.txtResult.value=num1-num2 ; if (op=="*") document.myform.txtResult.value=num1*num2 ; if (op=="/" && num2!=0) document.myform.txtResult.value=num1/num2 ; } </SCRIPT></HEAD>
预习检查
问题1:大家已学 问题 大家已学HTML，为什么要学习 大家已学 ，为什么要学习JavaScript？ ？ 问题2:如何编写 程序？ 问题 如何编写JavaScript程序？ 如何编写 程序 问题3 JavaScript与Java基本语法的异同？ 基本语法的异同？ 问题 与 基本语法的异同
本资料由-大学生创业|创业|创业网/提供资料 在线代理|网页代理|代理网页| 减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|
第四章
JavaScript的基本语法 的基本语法
语句; 语句
}
调用函数
表示单击此按钮时， 表示单击此按钮时，调用函数 showHello( )执行 执行
函数调用一般和表单元素的事件一起使用，调用格式为： 函数调用一般和表单元素的事件一起使用，调用格式为： 事件名＝“函数名” ; 事件名＝ 函数名”
<INPUT type="submit" name="Submit" value="显示 显示HelloWorld" 显示 onClick="showHello( )">
小结1 小结1
练习代码 编写如左图所 示，具有能对 两个操作数进 行加、 行加、减、乘、 除运算的简易 计算器。 计算器。
名为myform 名为 的表单 提示：加、减、乘、除四个按钮分别调用四 提示： 个函数实现两个数相加、相减、 个函数实现两个数相加、相减、相乘和相除
练习答案
名为txtNum1的 的 名为 文本框 名为divButton2 名为 的普通按钮
运算符号
运算符对一个或多个变量或值（操作数）进行运算， 运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值 根据所执行的运算，运算符可分为以下类别： 根据所执行的运算，运算符可分为以下类别：
算术运算符
+、-、 * 、 / 、%、++、--、-(求反 、、 求反) 、 、 、 求反
比较运算符
回顾HTML-2 回顾
请简述表单的基本结构？常用表单元素有哪些？ 请简述表单的基本结构？常用表单元素有哪些？ 如何使用样式表定义统一的字体外观和文本框的细边 表单的基本结构： 表单的基本结构： <FORM action=“” method=“post”> 框样式？ 框样式？ …… </FORM> 统一的字体外观： 统一的字体外观： 常用的表单元素有： 常用的表单元素有： font-family:“黑体 黑体"; 黑体 文本框（ ）、密码框 ）、单选按钮 文本框（text）、密码框（password）、单选按钮（radio）、 ）、密码框（ ）、单选按钮（ ）、 font-size:18px; 复选框（ ）、列表框 复选框（checkbox）、列表框（<select>和<option>）、 ）、 和 ）、 color:#FF0000; 列表框（ 按钮（ ）、多行文本框 按钮（button、submit和reset）、多行文本框（<textarea>）。 、 和 ）、多行文本框（ ）。 细边框样式： 细边框样式： border-width:1px; border-style:solid;
什么是JavaScript 什么是
脚本的执行原理 2
发送请求 IE 客户端请求含JS的页面 客户端请求含 的页面
1
用户输入
IE
解析HTML标签和 解析HTML标签和 JavaScript脚本 脚本 应用 服务器 从服务器端下载含 JavaScript的页面 的页面
返回响应
3
JavaScript的基本语法 的基本语法
JavaScript的基本语法 的基本语法
变量
类型转换 基本语法
运算符号
注释
控制语句
变量的声明和赋值
定义变量
var count;
赋值
count = 5;
“var” － 用于声明变量的关键字 “count” － 变量名
同时声明和赋值变量
var count = 10;
声明多个变量
var x, y, z = 10;
==、!=、>、>=、<、<= 、 、 、 、 、
逻辑运算符
&&、||、！ 、 、！
逻辑控制语句
if条件语句 条件语句
if(条件 条件) 条件 { switch多分支语句 switch (表达式 多分支语句 //JavaScript代码 表达式 代码; 代码 表达式) { case 常量1 : 常量 } for、while循环语句 for(初始化 条件; 增量) 、 循环语句 JavaScript语句 语句1; 语句 else 初始化; 条件 增量 初始化 break; { { //JavaScript代码 case 常量 : 代码; 代码 语句集; 常量2 语句集 JavaScript语句 语句2; 语句 } } break; ... while(条件 条件) 条件 default : { JavaScript语句 语句3; 语句 语句集; 语句集 }}