您好,欢迎访问三七文档
当前位置:首页 > 医学/心理学 > 基础医学 > javascript基础知识
Javascript入门基础知识!--JavaScript--什么是javascript?Javascript是由NetscapeCommunicationCorporation(网景公司)开发的,是一种基于对象和事件驱动并具有安全性能的解释型脚本语言。它不但可以用于编写客户端的脚本程序由客户端浏览器解释执行;还可以编写在服务端执行的脚本程序,由服务端处理用户提交的信息并动态的向浏览器返回处理结果。由于各浏览器对JavaScript脚本支持的不一致性,因此,在进行JavaScript脚本编程时,首先应确定用户使用的浏览器类型,然后根据浏览器类型编写JavaScript脚本。下面将介绍Netscape的Navigator浏览器和Microsoft的InternetExplorer浏览器。1.NetscapeNavigator(网景浏览器)NetscapeNavigator(网景浏览器)是最早也是最有影响力的网页浏览器之一,NetscapeNavigator浏览器1.0版发布于1994年12月,比微软IE1.0浏览器发布时间还早一个多月,但由于IE浏览器和微软的Windows操作系统捆绑在一起,因此对Netscape网景浏览器的市场发展造成了巨大影响,使得Netscape网景浏览器逐渐淡出主流浏览器行列。Javascript的数据类型:字符串型数值型布尔型对象型空置underfinedlanguage设置所使用的脚本语言及版本src设置一个外部脚本文件的路径位置type设置所使用的脚本语言此属性已代替language属性defer表示当HTML文档加载完毕后在执行脚本语言在使用JavaScript进行程序开发时,要求使用的硬件开发环境如下:首先必须具备运行Windows98、WindowXP、WindowsNT及其ServicePack6a或更高版本,Windows2000及其ServicePack2或更高版本的基本硬件配置环境。至少32MB以上的内存。640*480分辨率以上的显示器。至少20MB以上的可用硬盘空间。JavaScript在HTML中的使用:1、在页面中直接嵌入JavaScript2、链接外部JavaScript在HTML文档中可以使用script…/script标记将JavaScript脚本嵌入到其中,在HTML文档中可以使用多个script标记,每个script标记中可以包含多个JavaScript的代码集合。script标记常用的属性及说明如表所示。language属性language属性指定在HTML中使用的哪种脚本语言及其版本。language属性使用的格式如下。scriptlanguage=JavaScript1.5src属性src属性用来指定外部脚本文件的路径,外部脚本文件通常使用JavaScript脚本,其扩展名为.js。src属性使用的格式如下。scriptsrc=01.jstype属性type属性用来指定HTML中使用的是哪种脚本语言及其版本,此属性在HTML4.0标准开始,推荐使用type属性来代替language属性。type属性使用格式如下。scripttype=text/javascriptdefer属性defer属性的作用是当文档加载完毕后再执行脚本,当脚本语言不需要立即运行时,设置defer属性后,浏览器将不必等待脚本语言装载。这样页面加载会更快。但当有一些脚本需要在页面加载过程中或加载完成后立即执行时,就不需要使用defer属性。Defer属性使用格式如下。scriptdefer在Web页面中引入JavaScript的另一种方法是采用链接外部JavaScript文件的形式。如果脚本代码比较复杂或是同一段代码可以被多个页面所使用,则可以将这些脚本代码放置在一个单独的文件中(保存文件的扩展名为.js),然后在需要使用该代码的Web页面中链接该JavaScript文件即可。在Web页面中链接外部JavaScript文件的语法格式如下:scriptlanguage=javascriptsrc=javascript.js/script实例:使网页具有动态交互功能制作网页特效对用户的不同事件作出响应htmlscriptlanguage=javascriptalert(newDate());/script/html脚本代码的位置Script/Script可以使用多个script嵌套javascrpit的保留关键字:标识符不能以数字开头不能是javascrpit的保留关键字严格区分大小写基本数据类型与常量scrpitlanguage=javascrpitvarname=111111111alert(var+22222222222);/scrpit算数运算符加法运算符或正值运算符+减法运算符或负值运算符-乘法运算符*除法运算符/求模运算符%将变量值加1后在将结果负值给这个变量++分为:++ii++将变量减一后在讲结果负值给变量--程序的流程控制顺序结构switvh选择语句:switch(表达式){case取值1:语句块1break;...default:语句块n+1break;}while(条件表达式){执行语句块}dowhile语句do{执行语句块}while(条件表达式语句);for循环语句for(varx=1;x10;x++){output=output+x=+x;}alter(output);if条件选择语句if(条件语句){执行语句块1}else{执行语句2}变量=布尔表达式?语句1:语句2;y=x0?x:-x;数据类型的转换数据类型转换函数eval(字符串):将字符串参数转换成相应的数值parseInt(字符串[底数]):将字符串换成指定底数的数值parseFloat()--函数--函数的作用:函数的定义与调用格式如下:function函数名(参数列表){程序代码return表达式;}对函数进行调用的方式1.函数名{传递给函数的参数1,}2.变量=函数名[传递给函数的参数1,]3.对于有返回值的函数调用,也可以在程序中直接使用返回的结果列如:alter(sum=+square(2,3));全局变量及局部变量scriptlanguage=javascriptvarmsg=全局变量;functionshow(){msg=局部变量;}show();alert(msg);/scriptalert(msg)此处msg的值为局部变量局部变量会覆盖同名的全局变量参数个数可变的函数scriptlanguage=javascriptfunctiontestparams(){varparams=,for(vari=0;iarguments.length;i++)params=params++arguments[i];alert(params);}testparams(abc,123);testparams(123.456,abcc);/script在函数内部使用arguments对象来访问调用程序传递的所有参数创建动态函数创建动态函数的基本语法格式:varvarName=newFunction(argument1,..,lastArgument);所有的参数都必须是字符串型的最后的参数必须是这个动态函数的功能程序代码列:scriptlanguage=javascriptvarsquare=newFunction(x,y,varsum;sum=x*x+y*y;returnsum;);alert(square(2,3));/script动态函数有什么作用,在什么情况下使用动态函数?javascript的系统函数------encodeURI方法返回对一个url字符串编码后的结果decoderURI将一个已经编码的URL字符串解码成最初的字符串并返回值parselnt方法将一个字符串按指定的进制转换成一个整数,语句格式为:parselnt(numString,[radix]).如果没有指定第二个参数,则前缀为'0x'的字符串被试为16进制,前缀为'0'的字符串被视为八进制,所有其他字符串都被视为是十进制。parseFloat方法将一个字符串转换成对应的小数isNaN方法用于检测parselnt和parseFloat方法的返回值是否为NaNescape方法unescape方法将一个用escape方法编码的结果字符串解码成原始字符返回对象对象与对象实例:new实例化对象内置函数:parseInt(StringNum,[n])将首位为数字的字符串转换为数字,如果不是以数字开头的将返回NAN值parseFloat(StringNum)将首位为数字的字符串转换为浮点型数字,如果不是以数字开头的将返回NAN值isFinite(Num)函数检验某表达式是否为无穷大;如果是则返回true不是则返回值为falseencodeURI(url)改函数主要用于返回一个URL字符串编码后的结果。decodeURI(url)该函数主要用于将以编码为URI的字符串解码成最初的字符串并返回。列:内置函数的调用bodyscripttype=text/javascript/*parseint()函数*/varnum1=123abcdvarnum2=abc123document.write(使用parseint()函数br);document.write(123abc转换结果为:+parseInt(num1)+br);/*parseFloat()函数*/varnum3=123.2343absdocument.write(使用parseFloat()函数br);document.write(123.2343abc转换结果为:+parseFloat(num3)+brbr);/script/bodytitle居中显示框架页/titlemetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/headframesetrows=*cols=1*,800,1*frameborder=NOframespacing=0border=0framesrc=blank.htmname=BLFramescrolling=NOnoresizeframesetrows=157,*cols=*frameborder=NOborder=0framespacing=0framesrc=software_top.htmname=topFramescrolling=NOnoresizeframesetrows=*cols=225,*framespacing=0framesrc=software_left.htmname=leftFramescrolling=autonoresizeframesetrows=*cols=225,*framespacing=0framesrc=software_left.htmname=leftFramescrolling=autonoresizeframesrc=software_main.htmname=mainFrameframeborder=noscrolling=auto/frameset/framesetframesrc=blank.htmname=BRFramescrolling=NOnoresize/frameset/framesetnoframesbody/body/noframesJavaScript内部对象:Object对象提供了对象的最基本功能,这些功能构成了所有其他对象的基础。Object对象提供了创建自定义对象的简单方式,不需要再定义构造函数。可以在程序运行时为JavaScript对象随意添加属性,因此使用Object对象能很
本文标题:javascript基础知识
链接地址:https://www.777doc.com/doc-2880423 .html