js入门教程

JavaScript入门教程V1.0编著：朱子浩简介：（1）JavaScript是运行的客户机上的脚本语言（2）JavaScript一般被用来改进网页设计（特效），验证表单，检测浏览器等等Javascript基础语法篇实现：如何将JavaScript嵌入html网页中？htmlbodyscripttype=”text/javascript”Document.write(“HELLOWORLD”);/script/body/html上边的代码运行的结果：HELLOWORLD解释：如果需要把一段JavaScript插入HTML页面，我们需要使用script标签（同时使用type属性来定义脚本语言）。这样就可以告诉浏览器，js程序从何处开始script,从何处结束/script。Document.write是js命令，用于向页面输出信息。如果没有script标签，那么浏览器会把Document.write(“HELLOWORLD”)当做纯文本输出。那些不支持js的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的HTML注释标签:htmlbodyscripttype=”text/javascript”!--Document.write(“HELLOWORLD”);//正斜杠是JavaScript的注释符号，它会阻止JavaScript编译器对这一行的编译/script/body/html放置：（1）在html中如何放置js？页面中的脚本会在页面载入浏览器后立即执行。我们并不是想所有的脚本都这样。有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。（2）位于head部分的脚本。当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到head部分后，就可以确保在需要使用脚本之前，它已经被载入了。htmlheadscripttype=”text/javascript”Document.write(“HELLOWORLD”);/script/head/html（3）位于body部分的脚本。在页面载入时脚本就会被执行。当你把脚本放置于body部分后，它就会生成页面的内容。htmlbodyscripttype=”text/javascript”Document.write(“HELLOWORLD”);/script/body/html（4）同时在head和body部分的脚本。你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到body，又可以放置到head部分。htmlheadscripttype=”text/javascript”Document.write(“head部分”);/script/headbodyscripttype=”text/javascript”Document.write(“body部分”);/script/body/html（5）调用外部js脚本。有时，你也许希望在若干个页面中运行JavaScript，同时不在每个页面中写相同的脚本。为了达到这个目的，你可以将JavaScript写入一个外部文件之中。然后以.js为后缀保存这个文件。注意：外部文件不能包含script标签。然后把.js文件指定给script标签中的src属性，就可以使用这个外部文件了：htmlheadscriptsrc=”xxxx.js”/script/headbody/body/html注释：（1）单列注释。scripttype=”text/javascript”//这是标题头document.write(“h1thisisatitle/h1”);//这是段落document.write(“pthisisacontent/p”);/script（2）多列注释。scripttype=”text/javascript”/*下面的代码将输出一个标题，一个段落*/document.write(“h1thisisatitle/h1”);document.write(“pthisisacontent/p”);/script变量：（1）什么是变量？变量是存储信息的容器，那么在数学里边也经常使用到变量，我们还记得在数学中我们使用变量是需要先声明一个变量的，那么我们的js脚本语言使用变量只是需要先声明，他们区别只在于声明的方式不同。（2）声明（创建）js变量和赋值。在js中我们使用var声明变量，声明变量的同时我们可以为变量赋一个默认值：Vara;Varb=”student”;Varc=3;那么我们看见以上我们声明了3个变量，一个没有赋值，一个赋的String类型的值，一个是int类型的值，那有些同学就要问了，是不是写错了啊？这里，我很明确的告诉大家，js是一门弱类型的语言，它是不区分类型的，我们也可以不声明，直接使用，那么它会自动为我们声明，不过，鉴于一个编程的严谨性，我建议大家预先声明再使用。当然js也可以重复声明，原来的值是不会丢失的，不过一个优秀的程序员，应该是不会犯这种低级的错误吧。注意：js脚本变量的声明是区分大小写的：vara和varA是两个不同的变量（3）js变量的运算。VarA=3;VarB;VarC;B=A+3;C=B+8;正如数学一样，在js脚本中，你可以使用变量来做运算。现在上边的例子你猜到B和C的值了吗？运算符：（1）运算符类型。算术运算符赋值运算符比较运算符逻辑运算符条件运算符（2）算术运算符详解。算术运算符用于执行变量与/或值之间的算术运算。给定y=5，下面的表格解释了这些算术运算符：运算符描述例子结果+加x=y+2x=7-减x=y-2x=3*乘x=y*2x=10/除x=y/2x=2.5%求余数(保留整数)x=y%2x=1++累加x=++yx=6--递减x=--yx=4（3）赋值运算符详解。赋值运算符用于给JavaScript变量赋值。给定x=10和y=5，下面的表格解释了赋值运算符：运算符例子等价于结果=x=yx=5+=x+=yx=x+yx=15-=x-=yx=x-yx=5*=x*=yx=x*yx=50/=x/=yx=x/yx=2%=x%=yx=x%yx=0（4）用于字符串的+运算符。“+”运算符用于把文本值或字符串变量加起来（连接起来）。如需把两个或多个字符串变量连接起来，请使用+运算符。Vara=”whereareyougoing?”;Varb=”Iwillgoingtoschool.”;Varc=a+b;那么你猜到c的值了么？c=”whereareyougoing?Iwillgoingtoschool.”;(5)字符串和数字之间的加法运算。Varx=5+5;Document.write(x);Varx=”5”+”5”;Document.write(x);Varx=”5”+5;Document.write(x);Varx=5+”5”;Document.write(x);赶快动手试一下吧。。。（6）比较运算符。比较运算符在逻辑语句中使用，以测定变量或值是否相等。给定x=5，下面的表格解释了比较运算符：运算符描述例子==等于x==8为false===全等（值和类型）x===5为true；x===5为false!=不等于x!=8为true大于x8为false小于x8为true=大于或等于x=8为false=小于或等于x=8为trueVarx=20;If(x21){Document.write(“heistooyoung!”);}（7）逻辑运算符。逻辑运算符用于测定变量或值之间的逻辑。给定x=6以及y=3，下表解释了逻辑运算符：运算符描述例子&&and(x10&&y1)为true||or(x==5||y==5)为false!not!(x==y)为true（8）条件运算符。JavaScript还包含了基于某些条件对变量进行赋值的条件运算符。Varx=1;Vary=2；X=(y)?value1:value2声明变量x,y；x等于y吗？如果是true返回x的值value1，否则返回x的值value2.逻辑判断：(1)条件判断种类。在您编写代码时，经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。在JavaScript中，我们可以使用下面几种条件语句：If语句：在一个指定的条件成立时执行代码。if...else语句：在指定的条件成立时执行代码，当条件不成立时执行另外的代码。if...elseif....else语句：使用这个语句可以选择执行若干块代码中的一个。switch语句：使用这个语句可以选择执行若干块代码中的一个。（2）if详解。语法：if(条件){执行代码块}案例：scripttype=”text/javascript”Vara=10;Varb=19;If(a=b){Document.write(“Youaretoogreat!”);}/script（3）if…else…详解。语法：if(条件){条件满足时执行的代码块}else{条件不满足时执行的代码块}案例：scripttype=”text/javascript”Vara=10;Varb=19;If(a=b){Document.write(“Youaretoogreat!”);}else{Document.write(“Ilikethis”);}/script（4）if…elseif…else…详解。语法：if(条件1){条件1满足时执行的代码块}elseif(条件2){条件2满足时执行的代码块}else{都不满足时执行的代码块}案例：scripttype=”text/javascript”Vara=10;Varb=19;If(ab){Document.write(“Youaretoogreat!”);}elseif(ab){Document.write(“Ilikethis”);}else{Document.write(“Itistoobad!”);}/script(5)switch详解。语法：switch(n){Case1:执行代码块1BreakCase2:执行代码块2BreakDefault:不满足以上两个case的执行的代码块}案例：scripttype=”text/javascript”Vara=10;switch(a){case1:document.write(“first”);break;case2:document.write(“second”);break;default:document.write(“other”);}/script消息框：(1)消息框类别。警告框确认框提示框(2)警告框。Alert(“文本”);(3)确认框。Confirm(“文本”);(4)提示框。Prompt(“文本”,”默认值”);函数：(1)将脚本编写为函数，就可以避免页面载入时执行该脚本。函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的.js文件，那么甚至可以从其他的页面中调用）。函数可以在页面任何地方定义。案例：htmlheadscripttype=”text/javascript”Functiontest(){Alert(“消息框”);}/script/headbodyfrominputtype=”button”value=”clickme”onclick=”test()”/form/body/html（2）如何定义函数语法：functiontest(vara,varb){要执行的程序}Vara和varb是函数定义的要转入的值或者变量，大括号