javascript(JS)基础

    xiaoxiao2022-07-03  174

    1.javascript 的组成(下面JS)         三部分组成:                              (1)ECMAScript                 -ECMA   :  欧洲计算机协会                 -由ECMA来制定的一些js的语法,语句...等规则。             (2)BOM                 -broswer object medel  :浏览器对象模型             (3)DOM                 -document object medel : 文档对象模型                 

    2.js和html的结合方式(两种)         第一种:                              使用一个标签                              <script type="text/javascript">                 js代码;                 <script>                          第二种:             使用script标签, 引入模式                          <script type="text/javascript" src="js文件地址">             **使用第二种方式的时候,就不要在script标签里写js代码了,不会执行。                           <script>              3.js的原始类型和声明变量

                **Java的基本数据类型 byte  short int long float double char boolean                          **js的原始类型(5个)                                  -string:字符串                     var str ="123";                 -number:数字类型                     var num =123;                 -boolean:ture和false                     var flag =ture;                 -null:                     var date =new Date();                     **表示对象的引用,null表示对象引用为空,所有对象的引用也是abject;//一般用不上,因为没必要。                 -undifined:                     **定义一个变量。没有赋值。                      var ufd;                                  **typeof(变量名); 查看当前变量的数据类型          4.js的语句                  Java里面的语句:             ** if判断             ** switch语句             **  循环语句 for while do-while                                      Js里面的语句:                 ** if判断                         **  =   表示赋值;                         **  ==  表示判断                 ** switch语句                         -java里面支持数据类型  string支持吗?在jdk1.7开始支持                         -js里面都支持                                           **  循环语句 for while do-while                  while 循环                  var i=6;                  while(i>1){                      alert(i);                      i--;                  }                                    **for 循环            注意:Java中定义变量时使用的是int,而js使用的是var.这一点一定要注意。                  for(var fr=0;fr<8;fr++){                      alert(fr)                  }                                                      **i++  和 ++i   js与Java是一样的。                       5.js运算符             **与Java相同的就不写了,写一些与Java不同的。                              var j =123;                 alert(j/1000*1000);          //在java里面得到的结果是 0  ;因为在Java里,定义一个变量一般是用int,而123/1000,小于1,所以123/1000之后,Java中运算出来的结果是0*1000,所以是0;                                         //    在js里面不区分整数和小数, 所以得到的结果还是123;                                                      **字符串的相加和相减的操作                 var str = "123";            //在Java里面操作的结果是1231,在js里面还是1231。                 alert(str+1);                 alert(str-1);                //相减时候,js执行减法的运算。                                  **如果相加,做的是字符串连接操作;                 *8如果是相减,做的是相减运算。如果不是数字做的减法运算,则提示NaN:表示不是一个数字                              **boolean类型的                 var flag =true;   ture等于1;设置成false,相当于这个值是0;                 alert(true+1);                          ** ==  和  === 的区别            //  ==  比较的只是值   ===比较的是值和类型。                          var aa ="5";             if(aa=5){                 alert("5");             }ales{                 alert("other");             }              **************引入知识*****************                                  直接向页面输出的语句(可以把内容直接显示在页面上)  可以输出变量,固定值,包括HTML代码。                                      document.write("需要输出的内容");                     document.write("<br/>");                     document.write("XZP  SZJ");                                         document.write("hr/");                      *************************************

             6.实现99乘法表(输出到页面上)          //循环行  9行     <script type="text/javascript">         document.write("<table boder='1' bordercolor='blue'>");                           //循环行   9         for(var i=1;i<=9;i++){             document.write("<tr boder='1' bordercolor='blue'>");                          //循环列   9             for(var j=1;j<=i;j++){                 document.write("<td boder='1' bordercolor='blue'>");                 document.write(j+"*"+i+"="+i*j);                 document.write("</td>");             }             document.write("</tr>");         }         document.write()("</table>");     </script>                      ---document.write里面是双引号,如果设置标签的属性需要使用单引号             ---document.write可以输出变量,还可以输出HTML代码                                7.js数组                  *什么是数组?                      S使用变,var m = 10;             java里面的数组 定义 int[] arr = {1,2,3};                      *定义方式(三种)                      1)    var arr = [1,2,3];      var arr =[1,"4",true];              2)    使用内置对象Array对象                 var arr1 =new Array(5);   //表示定义一个数组,数组的长度是5                 var arr1[0] ="1";             3)    使用内置对象    Array                 var arr2 = new Array{1,2,3,4};  //定义一个数组,数组里面的元素是1,2,3,4                                     **数组里面有一个属性  length:   获取到数组的长度             **数组可以存放不同的数组类型的数据                       8.js的函数         **在Java里面定义方法             public 返回类型viod /int  方法体(参数列表){                 方法体;                 方法值;             }                          public int add(int a,int b){                 int sum =a+b;                 return sum;             }                      **在js里面定义函数(方法)有三种方式             第一种方式:                     **** 使用到一个关键字 function                     **** function 方法名(参数列表){                         方法体;                         返回值;(可有可无,根据实据需要)                         }                 -----------------------------------                     function test(){                         alert("军军是个小傻子呀,是我最爱的小傻子。");                     }                                          test();        //调用方法                                      -----------------------------------                     //定义一个有参数的方法   实现两个数的相加                     function add1(a,b){                //注:方法名后括号内的变量名,不能写成var a,var b                         var  sum=a+b;                         alert(sum);                     }                                          add1(2,3);     //调用方法,并传参                 -----------------------------------                     //有返回值的效果                 function add2(a,b,c){                     var sum1 =a+b=c;                     return sum1;                 }                     alert(add2(2,3,4))                 -----------------------------------                 第二种方法:                              var add3 = function(m,n){                     alert(m+n);                 }                     //调用方法                     add3(5,6);                 -----------------------------------                 第三种方法:(用的少,了解一下)----------------------------这种写法代码量多一点,效果是一样的,看的懂,学会第一第二种方法就可以了。                 *** 动态函数                 *** 使用到JS里面的一个内置对象 Function    注意:F大写                                      var add4 = new Function("参数列表","方法体和返回值");                 var add4 =new Function("x,y","var sum;sum=x+y;return sum;");                 alert(add4(2,5));                                  为什么被叫做动态函数?                         因为方法体Function("参数列表","方法体和返回值");可以通过变量获取   如下:                                                                   var chanshu ="x,y";                     var fangfati ="var sum;sum=x+y;return sum;"                     var add4 =new Function(chanshu,fangfati);   //拿到定义好的变量和方法体                     alert(add4(2,5));                               9.js的全局变量和局部变量              ***全局变量:在script标签里定义一个变量,这个变量在页面中js部分都都可以使用                 ---在方法外面使用,在方法内部使用,在另外一个script标签使用                          ***局部变量:在方法内部定义一个变量,只能在方法内部使用,如果在方法外调用这个变量,提示出错。                          <script type="text/javascript">                     function test(){                         var szj ="10";                                                  alert(szj);                     }                     test();                                          alert(szj);     //这个弹窗不会弹出来,出现错误。因为szj 这个变量是test 方法里的一个变量,是一个局部变量,只能在方法里使用.                 </script>                          10.script标签的存放位置                              ***建议把script标签放到</body>后面                  ***如果现在有这样一个需求:                      在js里面需要取到input里面的值,如果把script标签放到head里面会出现问题。             因为代码从上到下的执行,html页面还没有解析到input那一行,所以js不能拿到还没执行代码的值。

    最新回复(0)