js介绍、变量、数据类型、if语句

一、js的组成:
1、ECMAScript 基础语法;
2、DOM(Document Object Model):文档对象模型;
3、BOM(Browser Object Model):窗口对象模型;
2.js特点:
1、简单;
2、安全;
3、动态;
4、跨平台;

二、 js引入的方式:
1、写在文档里面,注意写在head中时应该添加window.onload = function(){};
2、外部引入,需要添加script src="";

三、js常用的几种调试的方式:
1、alert();//每次弹框都需要手动点击确定按钮进行关闭.
2、console.log();//在控制台查看效果,推荐使用此方法.
3、document.title="";修改文件在浏览器中显示的标题,不适合大量文字

四、js变量以及命名的规则:
下面这行就是声明一个变量:

   <script type="text/javascript">
          // 声明变量
           var age = 19;
           var name = Alice;
           var gender = woman;
    </script>

变量的命名的规则:
1、由字母、数字、下划线组成;
2、不能以数字开头;
3、不能使用关键字 如var document等;
4、见名知意 驼峰命名法;

五、js基础数据的类型:
1、整形 相加得值;
2、浮点行 相加得值;
3、字符串 相加拼接;
4、布尔类型 true false;
5、undefined类型 var a;
6、null类型 var a = null;

六、js基础运算符:
1、+-*%(加 减 乘 除);

  <script type="text/javascript">
          // 最基本的+-*%;
           var a=10;
           var b=20
           var c = a + b    //30;
           var d = b - a    //10;
           var e = a  * b   //200;
           var f = b  / a   //2;

    </script>

2、++、--、 +=、-= (加加,减减,加等,减等)

  <script type="text/javascript">
        //++代表的就是加a+1     --代表的就是a-1;
         var a = 10;
         var h = a + 1  //11;
         var i = a++    // 11;
         var i = a - 1    //9;
         var m = a--    //9;
        //+=代表的是a = a+2     -=代表的是a = a - 2;
         var n = a+=   //13;
         var r = a-=     // 8;

    </script>

3、 逻辑与 && 逻辑或 || 逻辑非! 短路现象

  <script type="text/javascript">
       //逻辑与 && 逻辑或 || 逻辑非!
       var a = 2;
       var b = 1;
       //逻辑与&&两者条件都成立时为真
       var res1 = a+b > b && a+b > a;
       //逻辑或||两者只要有一个为真就是真
       var res2 = a+b > a || a-b>a;
       //逻辑非取相反
       var res3 = a!= b;
       // 短路现象 前面的结果能决定整个表达式的结果
       var res4 = --a <= b++ && a-- < ++b;
       var res5 = a-- >= ++b || --a < b++;
   </script>

七、分支结构:if.. | if..else.. | if..else if..else if..else|

  <script type="text/javascript">
         1. if(条件) { 
                  代码块
               } 
            2. if(条件){
                   代码块
               }else {
                  代码块 
              } 
            3.if(条件){
                代码块
            }else if(条件) {
                代码块 
            } 
            4.switch(n) { 
                case 1: 执行代码块 1
                break; 
                case 2: 执行代码块 2
                break;
                default:
                 n 与 case 1 和 case 2 不同时执行的代码 
            } 
            3.循环语句
                1: while(条件){ 代码块} 
                2:do{代码块} while(条件); 
                3:for(条件) { 代码块}

   </script>