JavaScript语言之1

JavaScript语言主要内容■JavaScript概述■基本语法『南华计算机系』JavaScript概述『南华计算机系』历史1995年:Netscape开发了LiveScript脚本语言，应用于Netscape浏览器上，并更名为JavaScript（因为相利用Java这个当时时髦的词汇）JavaScript与Java没有多大的关系JavaScript的特点『南华计算机系』JavaScript是客户端脚本编程语言JavaScript是基于对象的语言JavaScript是一种安全的语言JavaScript具跨平台性JavaScript的特点『南华计算机系』服务器端脚本技术比如：ASP、ASP.net、PHP、JSP服务器端脚本与客户端脚本的区别浏览器服务器请求服务器解释执行脚本，并将结果以HTML形式返回请求显示结果JavaScript的特点『南华计算机系』客户端脚本技术比如：JavaScript、VBScript服务器端脚本与客户端脚本的区别浏览器请求立刻反应JavaScript的应用『南华计算机系』网页中的应用网页特效设计客户端数据检验JavaScript基本语法『南华计算机系』世界你好！第一个JavaScript程序:scriptlanguage=javascriptdocument.write(世界你好!);/scriptdocument.write()：表示向网页输出相当于C#中的Console.write()JavaScript基本语法『南华计算机系』在Web页面中使用JavaScript1、JavaScript标记SCRIPTlanguage=“Javascript”…/SCRIPT2、放置网页中的位置：（1）、head/head之间（2）、body/body之间注意:定义函数或者定义全局变量一般放到head/head之间，而调用函数或者直接输出内容的一般放到body/body之间JavaScript基本语法『南华计算机系』在Web页面中使用JavaScript3、JavaScript语句每条语句结束时最好采用“；”例：document.write(“HelloWorld!”);4、标点符号标点符号不能采用中文的标点。JavaScript基本语法『南华计算机系』在Web页面中使用JavaScript5、JavaScript区分大小写例：varmyname;varMyname;上面声明了两个变量functionshow(){……}functionShow(){……}声明了两个函数JavaScript基本语法『南华计算机系』数据类型数值型字符串布尔型空值型未定义值JavaScript基本语法『南华计算机系』数据类型数值型整数12，3434，……浮点数23.54，5.34e5，……JavaScript基本语法『南华计算机系』数据类型字符串字符串通过在其首尾添加成对的双引号或单引号''来表示。注：不能用中文引号例：varcon=“世界你好”;varcon='世界你好';如果字符串中包括双引号，字符串的外边采用单元引号，相反，采用双引号。不然需要采用转义符。JavaScript基本语法『南华计算机系』布尔类型布尔类型值:true和false也可以用整数0表示false，而非0数表示true。在C#中，布尔型只有true与false。if(x=5){输出:“执行成功”;}JavaScript基本语法『南华计算机系』空值类型空值null表示空的或不存在的引用，尚不存在的对象。空值并不等同于空字符串“”或0。JavaScript基本语法『南华计算机系』变量变量的声明varvarname1=value1,varname2=value2;例：vartest=“我的天啊”;varnum=3;或者vartest=“我的天啊”,num=3;注意：变量的声明时不用写类型JavaScript基本语法『南华计算机系』变量变量的声明例：SCRIPTlanguage=“Javascript”varname=“张三”;//赋值varage=20;//赋值document.write(name);//显示name的值document.write(“的年龄是:”);//显示字符串document.write(age);//显示age的值/SCRIPTJavaScript基本语法『南华计算机系』变量变量的声明例：SCRIPTlanguage=“Javascript”varname;document.write(name);//显示name的值document.write(“的年龄是:”);//显示字符串document.write(age);//显示age的值/SCRIPTJavaScript基本语法『南华计算机系』表达式算术运算符比较运算符逻辑运算符字符串运算符赋值运算符条件运算符其它运算符JavaScript基本语法『南华计算机系』表达式算术运算符JavaScript中常用的算术运算符:+、-、*、/、%(取模)、++、--。比如:y=x++;y=++x;JavaScript基本语法『南华计算机系』表达式比较运算符JavaScript比较运算符、=(区别≤于)、、=(区别于≥)、==、===、!=、!==。例:“10”==10//先进行类型转换后再进行比较“10”===10//要求两个数值的值相等，还要求类型相同。JavaScript基本语法『南华计算机系』表达式逻辑运算符JavaScript的逻辑运算符:&&、||、!varnum=5,i=1;if(num3||i++){document.write(i);}varnum=5,i=1;if(num6&&i++){num=0;}Document.write(i);JavaScript基本语法『南华计算机系』表达式字符串运算符在JavaScript中，可以使用运算符(+)对两个字符串进行连接运算。比如:varn=“少林”;varm=“足球”;n+m//连接成字符串“少林足球”。JavaScript基本语法『南华计算机系』表达式字符串运算符+：两种身份如:100+300;100+“300”;“100”+300;“100”+“300”;对于运算符“+”，当两个操作数都为数值型时，看成加，若含有字符串时，看成连接。比如:100-300;100-“300”;“100”-300;“100”-“300”;原因:由于减号“-”只能做为算术运算符，因此全都转换为数据型。JavaScript基本语法『南华计算机系』表达式赋值运算符JavaScript的赋值运算符:=、+=、-=、*=、/=、%=比如:a+=b等价为:a=a+b;条件运算符与其它语言一样，支持三元运算符，即为条件运算符。格式为:condition?true_result:false_result;比如:varage=20;status=(age=18)?“成人”:“小孩”;document.write(“你是”+status+“。”);使用对话框『南华计算机系』对话框在JavaScript中提供3种对话框，即：警示、确认和提示对话框通过使用对话框，可以实现与用户的交互。使用对话框『南华计算机系』对话框警示对话框用于向用户显示警示作用语法:alert(警示的字符串)例：SCRIPTlanguage=“Javascript”alert(欢迎浏览本页面);/SCRIPT例：SCRIPTlanguage=“Javascript”varcon=欢迎浏览本页面;alert(con);/SCRIPT使用对话框『南华计算机系』确认对话框确认对话框用于向用户显示确认信息语法:confirm(“确认的字符串”)特征:对话框上包含一个确认按钮和一个取消按钮，用户可以选择。返回值:确认返回true，取消返回false；使用对话框『南华计算机系』确认对话框例：SCRIPTlanguage=“Javascript”varshow_text;show_text=confirm(“你来过长洲吗？”)?“您认为长洲很美吧！”:“欢迎您有机会来参观！”;document.write(show_text);/SCRIPT使用对话框『南华计算机系』提示对话框提示对话框用于向用户提出问题，让用户输入语法:prompt(“提示的字符串”,“文件框初始值”)特征:对话框上包含一个确认按钮和一个取消按钮，还包含一个输入文本框。返回值:确认返回用户输入的文本，取消返回null使用对话框『南华计算机系』提示对话框例：SCRIPTlanguage=“Javascript”varname;name=prompt(“请输入您的姓名:”,“”);document.write(“尊敬的”+name+“:欢迎您进入我的主页！”);/SCRIPTEND上网或者到图书馆查找关于“HTML”的一些相关知识教学进程课外作业