js第一课总结

一、三种引入方法

  1、内部引入

<script>

      alert("aaa");           //写在head标签里
    </script>

    <script type="text/javascript">

      alert("aaa");           //写在body标签里
    </script>

    最好写在离body最近的里面

  2、行内引入

    <p onclink="javascript:alert('hell word');">clickme</p>

  3、外部引入

    HTML: <script src="js/style.js"></script>

    JS:  document.write("hell word!")

二、变量

  var 变量名称=变量值;

  var声明变量,变量名称可以包含字母、数字、下划线,必须以字母或下划线开头,名称严格区分大小写,firstnamefirstName是不同的。

    //一条语句声明变量

      var a = 2,b = 4 , c = 6;

    //声明变量可跨多行

      var  a = 2,

      b = 4,

      c = 6;

    <script>

      var a = 3;

      a = 5;        //声明过的变量可以不用var再次声明

      document.write(a);        //5,变量名重名会产生覆盖

    </script>

    //驼峰标记法与下划线标记法

      var firstName = 'king';      //小驼峰

      var FirstName = 'qween';   //大驼峰

      var first-name = 'ymt';  //下划线法

  两种变量情况

  1、alert(a);       //当没有引号的变量没有定义时,浏览器会报错,a is not defined   a没有定义

  2、  var a;         //当a定义没有赋值的时候,不会报错,会提示undefined未下定义

    alert(a);

三、输出

  1、<script>
    alert("aaa");               //alert  弹出警告框
    </script>  

  2、<script>

      document.write("hello word!");               //HTML可显示输出内容,可写标签 

      document.write("<h1>标题一</h1>");    
    </script>

  3、<script>
      console.log("控制台");           //显示在控制台,F12  ----> 选择Console
    </script>

  4、<script>

      var box=document.getElementById('box');
      var a='hi!'
      box.innerHTML=a;                                          
    </script>

    <script>

      var a='hi!'
      document.getElementById('box').innerHTML=a;

    <script>

    //两种方法结果都是在HTML显示hi!

 四、转换

  1、其它类型换成布尔类型假得有

    var a;    //undefined  ---->   false

    var a="";        //""------->false

    null  ==  undefined 

    "" == 0

  2、其它类型转换成数值型

    var b=undefined;      //undefined ------>  NaN

      b= null;             //null--------->0

      b =true;           //  true ---------->1

      b = flase;         //flase----------->0

      b = '12';          //'12' ---------->12

      b = '3king';      //'3king'--------->NaN

      NaN:是一个不是数字的数字,跟任何数不能比较,包括自身。 

五、运算符

  1、算数运算符

    +        加法                           

    -         减法

              *         乘法                             

       /        除法

    %       取余

    ++      自增,a++   先输出和自增,++a   先自增后输出 

    --       自减,同a++

  2、连接运算符

    +  也可以对字符串进行相加

  3、赋值运算符

    =  

  4、比较运算符

    ==        等于,比较数值

    ===      全等于,不仅比较数值还比较数据类型

      !=      不等于

     !==     全不等于

        >         大于

       <         小于

     >=       大于或等于

     <=       小于或等于
  5、逻辑运算符

    &&       逻辑与       当第一个为flase,第二个就跳过不运行,相当于断路

    ||         逻辑或       当第一个为true,第二个就跳过不运行,相当于短路

    !        逻辑非      

  6、三元运算符

     if(3>1){

        "aa"

     }else{

        "bb"

     }

              var res=3>1?"aa":"bb";     //这个是三元运算符,当3>1是为真,取?后边的‘aa’;当3>1为假,取?后边的'bb'。

  7、逗号运算符

    用逗号运算可以在一条语句中执行多个运算

六、其它

  <noscript>

    您的浏览器不支持JavaScript,请更换查看。                       //可以识别<script>标签无法支持其中的脚本的浏览器

  </noscript>

  

      

          

  

原文地址:https://www.cnblogs.com/hebizaiyi/p/11340927.html