JavaScript DOM编程艺术小记

2019独角兽企业重金招聘Python工程师标准>>>

初学JS时阅读JavaScript DOM编程艺术的小记：

 

JavaScript是一种解释型程序设计语言。

1、DOM:文档对象模型--对文档内容进行抽象和概念化的一种方法，

     W3C定义DOM：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个借口动态的对文档的内容，结构和样式进行访问和修改。

 

2、语句分隔用 ; ，注释用 //单行   /*多行*/  html中<!--   -->

     var 变量，JavaScript中变量无需声明。

     任何元素区分大小写。

     JavaScript 变量允许包含字母aaa，数字111，下划线字符_ _ _ ，美元符号

     字符串：在双引号/单引号中，若字符串中包含引号，需在引号前加/进行转义。

     布尔值true  false 不需加引号。

 

3、数组：JavaScript中数组用关键字Array声明

     例如：var data=Array（4）或var data=Array（）；

          data[0]="what1"; data[1]="what2"; data[2]="what3"; data[3]="what4";

     简便：var data=Array("what1","what2","what3","what4");

     数组中可以有变量，可以赋值，可以将一个数组作为另一个数组的元素。

     数组下标可以是字符串  var lennon=Array();   lennon["name"]="John"; lennon["year"]="1994"; lennon["age"]="21";

4、 赋值：特别的一种：var year= 2015; var message="The year is"; message +=year;  结果是 The year is 2015.

 

5、条件语句：if (判断条件)｛

                                   条件满足时执行的语句 true ；    ｝

                    else｛

                                   条件不满足时执行的语句 false ； ｝

 

     比较操作符：等于== ，大于>，大于等于>=，不等于!=。

     逻辑操作符：与：&&，或||，非!。

 

6、循环语句：while

                         例：var count=1;

          do{

               alert(count);

               count++;

          }

          while(count<10);

     或者：

     var count=1;

           while(count<10){

               alert(count);

               count++;

      }

 

     for循环：for(var count=1;count<10;count++){

          alert(count);     }

     for循环经常用于数组遍历，配合数组的 array.length属性。

          如：var Web=Array("html","css","javascript","others");

                 for(var count=0;count<Web.length;count++) {

                   alert ( Web [ count ] );           }

 

7、 JS函数：

     function name(arguments) {

          statements;   }

     名词：参数，内建函数

     函数调用： function multiply (a,b) {

                        var total = a*b ;

                         alert(total ) ;           }

     调用：multiply(10,2) ;

 

     函数返回值：function converToCelsius(temp) {

                    var result = temp - 32;

                    result = result / 1.8;

                    return result; }

     调用赋值：var temp_fahrenheit=95;

             var temp_celsius=covertToCelsius(temp_fahrenheit);

             alert(temp_celsius);

转载于:https://my.oschina.net/xiuboard/blog/780010