javascript入门教程初学者不可多得的优秀入门

1、12341234JavaScript的位JavaScript 语JavaScript 注单行注多行注6 变变JavaScript操作 ifelse语句（如果，否则ifelse结（3）ifelse嵌JavaScriptSwitch语JavaScriptFor 循JavaScriptWhile循 dowhile循环的结8.5JavaScriptBreak 与8.6JavaScriptFor.In循JavaScript 弹出警告确认提问JavaScript 函 JavaScript JavaScript事事14.1基本对String 字符串对Array 数组对Math “数学”对Date 对（7）a

2、nchors;links;JavaScript 实1JavaScript1 Javascript 是学习语言的首选。她兼容性好，绝大多数浏览器均支持Javascript是javascript与javaavacript可以做很多的事情，但它最主流的应用还是在 Web 上页(即网页特效) 1JavaScript1 Javascript 是学习语言的首选。她兼容性好，绝大多数浏览器均支持Javascript是javascript与javaavacript可以做很多的事情，但它最主流的应用还是在 Web 上页(即网页特效) 语公司以及其他语言开发商为减少 web ECMA， 该组织专门制定语言的标准和

3、规范。ECMA 制定的标准语言叫做 asp 。JavaScriptHTML Web 2 CSS的方式相似，使用在网页 scripttype=text/JavaScriptJavaScript3HTMLbodyJavaScriptsHTML headJavaScriptsJavaScriptJavaScript3HTMLbodyJavaScriptsHTML headJavaScriptsJavaScriptJavaScriptJavaScriptscript !-谁-JavaScript使script .write(我是菜谁JavaScripts想。head 部分中的 : 需调用执行或事件触发

4、执行HTMLscriptbody中的body: 当页面加载时执行JavaScripts想。head 部分中的 : 需调用执行或事件触发执行HTMLscriptbody中的body: 当页面加载时执行的scriptbody 和 headbodyhead。scriptscript中，保存在扩展名为 .js文件中不要包含标记符时将标记符 的“src”属性值指向相应的.jsscriptscriptJavaScript 4是叫浏览器书写出一段内容。中，保存在扩展名为 .js文件中不要包含标记符时将标记符 的“src”属性值指向相应的.jsscriptscriptJavaScript 4是叫浏览器书写出一

5、段内容。 已经知道， .write面那个语句就是让浏览器输出“我是菜鸟 谁!”。个分号“;”来表示语句的结束。这是一个编程的好 ，事实上在很多语言中句末的分号script 本节介绍Javasctipt中的语句，语句是编程的一个基本概念。script !-.write(我是菜谁/-5JavaScript 注释的作用就是 自己在编程时候的思路，以便以后自己阅读代码时可以马上找到思5JavaScript 注释的作用就是 自己在编程时候的思路，以便以后自己阅读代码时可以马上找到思的编程 。script 谁多行注释以/*开始，以*/结束script 谁.write(Thisisa.write(Thisi

6、sa.write(Thisis6JavaScript a = 5 已经看到了，JavaScript6JavaScript a = 5 已经看到了，JavaScript中可以不 var a ; /aa5可以用中a & if(1 &ba & “abc”JavaScriptJavaScriptabababababab7.2 比较操作符和逻辑操例如：a=baba+=b;/a=a+b a-=b;/a=a-b a*=b;/a=a*b a /= b;/ a= a / 8JavaScript Var hobby = “VbScript”;if(hobby=8JavaScript Var hobby = “Vb

7、Script”;if(hobby=8.1ifelse语句（如果，否则ifelse是所有编程语言里都有的功能，它使得程序具有简单的判断能力。在介绍if之前，让在变量一节中， 曾经 ，变量可以用来 布尔值。哪么布尔值的作用究竟是什么呢？简单的说，布尔值的作用就是用来表示“真的 ”。所以布尔值其实只有两种取ifelse其实“ifelse”的意思和字面意思是一样的，就是“如果”、“否则”。还是让ifif(!if(1 |script var hobby =if ( hobby= elseif(script var hobby =if ( hobby= elseif(hobby=football)/如if

8、ifelseelse（3）ifelse如果想 var hobby = JavaScriptif(hobby=else/如不是具体到 的例子，因为 hobby“VbScript”hobby如果你的 不是 JavaScript，那么没有任何输出。如果你希望它能对这种情况做出反应， 可以请 elsescript 用score变量来script 用score变量来var score = 65;/暂时不用深究，()内最后的结果为6 switch (parse(score / 10) /switchcase6case case case case case case degree8.2JavaScript

9、Switch语 上一节 已经看到，利用 if else if else 则可以让程序对多种情况进行判断。但是当情况的种类比较多的时候，使用 switch比如要实现如下功能的程序：输入一个学生的 成绩， 按照每十分一个等级将很明显，用 if else 可以实现这样的程序，但是代码会很复杂。而如果使用 switch 语JavaScript。 switch (parse(score/10) case 0:case case case case case degree case 6:degreecase degree case 8:degree8，8 case 9:case degree/end of

10、breakcase degree case degree case degree case case degree/end of结果如下12345678 var i=1;for .write(菜鸟+i+号br让这就是swtitch的执行逻辑，当发现某个case足后switch在该casebreakswitch”停下来“。8.3JavaScriptFor 循前面 已经看到了，ifelseswitchJavaScript的判断能力和人比起来差远了。电脑更擅长一件事情不停地重复。 在 JavaScript var i=0;while .write(br var i=0;while .write(br

11、在上面那个例子中，循环恰好执行了10次，那么和“for(i=1;i=10;i+)”一句中的10是不是10次的意思呢？下面就来看看for循环的工作机制。的例子从i=1开始。足，如果满足则继续循环，否则停止循环，继续执行for循环后面的代码。你可能想问了，设定了i=0，岂不是都小于等于10吗？来看第三个部分。最后的i+表示让 i 在自身的基础上加 1，这时每次循环后的动作.也就每次循束。for8.4JavaScriptWhile循 910while 8.5JavaScriptBreak while 8.5JavaScriptBreak i = 0;.write(Thenumberis+ .writ

12、e(brwhile(i = for始条件的，只不过在之前就已经定义好了，例如上面例子中的var i=0;，至于变量 i 的增for 没 区别，也是变量 i（2）dowhiledo wile 结构的基本原理和 while 结构是基本相同的但是它保证循环体至少被执行一 var i=0for if var i=0for if 的例子：菜鸟6号外出学习JavaScript去了。while var i=0;for if .write(菜鸟+i+号brvarhobbiesnewvarhobbiesnewArray() var x;varhobbiesnewArray();/创建一个新的数组 hobbies

13、0 = JavaScript;hobbies1 = CSS; hobbies2for(xinhobbies).write(hobbiesx+br8.6JavaScriptFor.In循Javascriptforin.write(Thenumberis+.write(br9JavaScript varr=confirm(你是菜鸟吗); if (r=true)9.2确认true或false。没错，它是一个布尔值。confirm后面的语句则是 9.1警告在 的时候，你遇到过这样的情况吗？“咚”的一声，一个小窗口出现在你面alertfor(xinhobbies).write(hobbiesx+brho

14、bbies0 = JavaScript;以及之后的两句则是给hobbies数组赋值。这与前见过的变量赋值不太一样，hobbies后面多出一个0，这个是变量的索引。 在这里，0表示的是hobbies数组所包含的第一个变量，没错，数组的索引是从0开始forin function judge() varscorevar function judge() varscorevardegreescoreprompt(你的分数是多少？) if (score 100)degree？100switch (parse(score/10) case 0:case case case case case degree

15、 case degree case degree case degree8，8 case case 9.3提问prompt和confirm类似，不过它允许访客随意输入回答。来修改一下之前switch而是假设我得了65分。这太了。现在我么就可以用prompt来向访客提问，用score10JavaScript functionadd2() sum = 1 + 1; 10JavaScript functionadd2() sum = 1 + 1; 定功能的代码，函数就定义好了。了解了如何定义函数， 就来自己编写一个实现两数相function行、十行、甚至 的代码。每次需要完成这个任务的时候都重写一遍

16、代码显然不是一个好主意。这是 就可以编写一个函数来完成这个任务，以后只要调用这个函数就可以了。10.1 定义一个函的格式degree/end of/endofelse functionadd2(x,y) sum = x + y; functionadd2(x,y) sum = x + y; function(参数1,参数2,参数buttononclick调用add2()10.3 带参数的函 function add2()sum=1+1; inputtype=buttonvalue=clickitONCLICK=add210.2 函数的调钮的点击事件，JavaScript 事件会在后面介绍。试着

17、11JavaScript11JavaScriptscriptfunction谁JavaScript 很多有很多事件，例如鼠标的点击、移动，网页的载入和关闭。该语句执行后，result 7result=return 后面的值叫做返回值。使用下面的语句调用函数就可以将这个返回值returnx 和y 则是加数传递给函数了。例如，add2(3，4)会求3+4的和，add2(56,65)则会求出56和65的和 10.4 带返回值的函好吧事 11.2 鼠标经过、移出事 11.1 点击事 12JavaScript JavaScript12JavaScript JavaScript该怎么办呢？双引号被当作ja

18、vascript标记字符串开始和结束的符号，页面13JavaScript 14JavaScript 谁和o 13JavaScript 14JavaScript 谁和o a = b + c Var Var （1）JavaScriptJavaScript意思是把 JavaScript 能涉及的范围划分成大大小小的对象，对象下面还继续划分对象直至 s可意思是把 JavaScript 能涉及的范围划分成大大小小的对象，对象下面还继续划分对象直至 s可length 用法：.lengthcharAt().charAt()；返回该字符串位于第位的单个 length1 () 用法：ASCII fromChar

19、Code()String.fromCharCode(a, b, c.)ASCII ab,c. () 用法：, indexOf() 用法：vars714.1 基本对（1）String 。substring().substring()；返回原字符串的子字符串，该字符串是原字符串从位置到位置的前一位置的一段。 - 始。substring().substring()；返回原字符串的子字符串，该字符串是原字符串从位置到位置的前一位置的一段。 - = 返回字符串substr().substr(, )；返回原字符串的子字符串，该字符串长度，则子字符串从toLowerCase.toLowerCase()toU

20、pperCase() 用法：.toUpperCase()（2）Array 数组对var数组名new下标var数组名newArray(,2Hi vara=new varmyArray=newArray(1,4.5, 用法：数组对象3使用这个方法，它将使数组变成：3,2,1按降序排列数字：把上面的“ab”该成“ba（3Mah 用法：数组对象3使用这个方法，它将使数组变成：3,2,1按降序排列数字：把上面的“ab”该成“ba（3Mah 数学”象Ee(2.718281828.LN22ln2)LN1010LOG2E2e LOG10E10(ln10)(log2eePI（3.1415926535.SQRT1

21、_21/2SQRT22functionsortMethod(a,b)return a -abs(x)xx的反余弦值（x），用弧度表示。atan2(x,y)(x,y)ceil(x)xcos(x)xexp(x) 返回 e 的 x 次幂 (ex)。 floor(x)xx 的自然对数 (lnx)a,abs(x)xx的反余弦值（x），用弧度表示。atan2(x,y)(x,y)ceil(x)xcos(x)xexp(x) 返回 e 的 x 次幂 (ex)。 floor(x)xx 的自然对数 (lnx)a,a,nmnm1random()round(x)xsin(x) 返回 x 的正弦。 sqrt(x)x ta

22、n(x) 返回 x 的正切。（4Dae 对象Date 精确到毫秒数（1/1000 秒）0001 9999 d vardnewDate(99, 10,1); /99101vardnewDate(Oct1,1999);99101var today =new get/setFullYear()x.setFullYear(99)”，则年份被设定为 0099 年。get/setYear19”开头，故使用“x.setYear(00)”把年份设定为 1900 年。get/setMonth()0 1get/setDateget/setDay，0get/setHours()，24 get/setMinutes(

23、) 返回/设置分钟数。 get/setSeconds() 返回/设置秒钟数。 get/setMilliseconds() 返回/设置毫秒数。get/setTime19701get/setFullYear()x.setFullYear(99)”，则年份被设定为 0099 年。get/setYear19”开头，故使用“x.setYear(00)”把年份设定为 1900 年。get/setMonth()0 1get/setDateget/setDay，0get/setHours()，24 get/setMinutes() 返回/设置分钟数。 get/setSeconds() 返回/设置秒钟数。 ge

24、t/setMilliseconds() 返回/设置毫秒数。get/setTime19701一秒 1000）Jul 21 “2000-07-2115:43:46”toGMTStringGMTStringparse()：Date.parse( today = new Date();var day; var date; if(today.getDay()=0) day = if(today.getDay()=1) day = if(today.getDay()=2) day = if(today.getDay()=3) day = if(today.getDay()=4) day = if(toda

25、y.getDay()=5) day = if(today.getDay()=6)day=date(today.getYear()(today.getMonth1 + today.getDate() + 日 + day +;eval()a 的值为 12isNaN()NaN（不是数字）”truefalseURL，1)() 是 JavaScript location,navigatorscreen,eval()a 的值为 12isNaN()NaN（不是数字）”truefalseURL，1)() 是 JavaScript location,navigatorscreen,history 要MyForm

26、UserNameFormButtonID inputid=UserNametype=text14.3 文档对b = var 14.2 全局对o连接对Java小程序对象o连接对Java小程序对象对frames;anchors;links;Link forms;Formelements;options;images;Imagenavigator 属appCodeNameIENNMozillaappName返回浏览器名。IEernetExplorer，NN返回platformWindows9xWin32（ var nameWindows98javaEnabledJavascreen width（像素

27、数）heightavailWidth（除去了一些不自动隐藏的类似任务栏的东西所占用的宽availHeightcolorDepth1：黑白；8：256；16：增强色；24/32： nameWindows98javaEnabledJavascreen width（像素数）heightavailWidth（除去了一些不自动隐藏的类似任务栏的东西所占用的宽availHeightcolorDepth1：黑白；8：256；16：增强色；24/32： nameopen()susus 用法：null；IE（undefinedndefinedself 指窗口本身，它返回的对象跟 window 对象是一模一样的。

28、最常用的是 aparent 返回窗口所属的框架页对象。tophistorylocationopen()用法：open(URL等内建名称。这里的名称跟“a400 x100参等内建名称。这里的名称跟“a400 x100参窗口有没有菜单，取值yes 或窗口有没有工具条，取值yes或窗口有没有地址栏，取值yes或窗口有没有连接区，取值yes或窗口有没有滚动条，取值yes或窗口有没有状态栏，取值yes或s us=. 窗口给不给调整大小，取值yes或窗口是否全屏，取值yes或varnewWindow= close()关闭一个已打开的窗用法：window.closeself.closeblur() focu

29、s() scrollTo() 用法：.scrollTo(x,y)；使窗口滚动，使文档从左上角数起的 (x, y)点滚动到窗口的左上角。 deltaYresizeTo() 用法：.resizeTo(width,height)height 宽增大 deltaWidth 像素，高增大 deltaHeight 像素。如果取负值，则减少。 deltaYresizeTo() 用法：.resizeTo(width,height)height 宽增大 deltaWidth 像素，高增大 deltaHeight 像素。如果取负值，则减少。 、Scripttruefalseprompt()用法：prompt、nu

30、llsetTimeout()和 erval()的使JavaScript。不过两者各有各实际上，setTimeoutset erval 的语法相同。它们都有两个参数，一个是将要执行的不过这两个函数还是有区别的，set erval 在执行完一次代码之后，经过了那个固定的setTimeout 只执行一次那段代码。setTimeout只能应用在on-offsetTimeout，以实现重复的操作：functionshowTime()var today =new alert(Thetimeis:+today.toString(); setTimeout(showTime(), 5000);一旦调用了这个函

31、数，那么就会每隔5 秒钟就显示一次时间。如果使用seterval(showTime(),5000); function showTime()var today =new alert(Thetime is: + setTimeout5showTimesetTimeout5showTimeshowTime2 setTimeout5showTimesetTimeout5showTimeshowTime2 erval却没有被自己所调用的函数用erval 命令来创建的对象，可以用erval()命令来终止。比如history属 方back()forward()go()用法：history.go(xx0 x

32、跟 location.reload() 是等效的。location注意属于不同协议或不同主机的两个地址之间不能互对方的location对象Handler，onerror属var protocolhttp:,https:,file:hostnamelocation.hostname port 返回地址的端host80。 /b/c.html”，location.pathnamepathname4= /b/c.aspselectin=3&jumto=4location.searchselection=3&jumpto=4；如果地址里没有“?”，则返回空字符串。 href 返回以上全部内容，也就是说，

33、返回整个地址。在浏览器的地址栏上怎么显示它就怎么返回。如果想一个窗口对象打开某地址，可以使用“location.href = .”，也可以直接用“locationreload()IE)或replace()URLprotocolhttp:,https:,file:hostnamelocation.hostname port 返回地址的端host80。 /b/c.html”，location.pathnamepathname4= /b/c.aspselectin=3&jumto=4location.searchselection=3&jumpto=4；如果地址里没有“?”，则返回空字符串。 href 返回以上全部内容，也就是说，返回整个地址。在浏览器的地址栏上怎么显示它就怎么返回。如果想一个窗口对象打开某地址，可以使用“location.