zoukankan      html  css  js  c++  java
  • 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>

      

          

              

      

  • 相关阅读:
    tomcat log
    关于 终端 ls 命令 不能区分文件和目录的问题
    画幅
    透视
    焦距和等效焦距
    滚动条插件mCustomScrollbar
    网页优化总结
    CSS3中translate、transform和translation的区别和联系
    Less的学习和使用
    Koala工具的使用说明
  • 原文地址:https://www.cnblogs.com/hebizaiyi/p/11340927.html
Copyright © 2011-2022 走看看