JavaScript 基本语法 及应用案例

js（运行较慢  为什么呢  之所以运行慢 是因为js是一个解析型无类型的语言  js语言是一边执行一边确定变量的位置和类型的 所以会慢一点 ） 类似于 c java
 

  ecmascript是 javascriptd  的标准规范
  ES是标准  JS是实现
   JS  由 ES DOM（文档对象） BOM（浏览器对象）  三部分组成
  
  JS(解释型语言)脚本语言  特点：不用编译直接运行 
                            
                            
                            （区别:
                             BOM和浏览器关系密切，DOM和HTML文档有关。
                             BOM是Browser Object Mode的缩写，及对浏览器对象模型，用来获取或设置浏览器的属性、行为。
                             DOM是Document Object Model 的缩写，即文档对象模型，用来获取或设置文档中标签的属性。
                             BOM没有相关标准。
                             DOM是W3C的标准。BOM的最根本对象是window。
                             DOM最根本对象是document（实际上是window.document）。
                             由于DOM的操作对象是文档（Document），所以dom和浏览器没有直接关系。  
                             HTML DOM 模型被构造为对象的树。
                             通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
                             JavaScript 能够改变页面中的所有 HTML 元素
                             JavaScript 能够改变页面中的所有 HTML 属性
                             JavaScript 能够改变页面中的所有 CSS 样式
                             JavaScript 能够对页面中的所有事件做出反应 ）
  
  
  ——动态语言（变量的值任意可变）
  ——基于原型的面向对象
  
  属性：
  1.我们的js代码需要编写到<script>标签中
  2.一般将script标签写带head中（和style标签有点像）
  3.属性：——type：默认值 text/JavaScript可以不写 不写也是这个值。
          ——src：当需要引入一个外部带js文件时，使用该属性指向文件的地址。
              <scrip type=“text/JavaScript”>
                     console.log(“hello Word”)；
                     alert（‘lala’）
                     document.write（'学习'）
                     alert（‘爱’）//自上而下的执行
              </scrip>
              
   4.JavaScript是严格区分大小写的，也就是adb 和ADC会被解析器 认为是两种不同的东西
   5.JS的注释和Java的一致，分为两种
    -单行注释：//注释内容 
    -多行注释：//*注释内容
   6.标识符可以按照下列格式规则组合起来的一或者多个字符【同Java用法】
     -第一个字符必须以字母 下划线 或者一个美元符号 开头
      由字母 下划线 美元符号 好着数字组成
   7.ECMAScript 标识符采用驼峰命名
    eg：loveEnglishClass【第一个字母小写 每个单词首字母大写】
   8.但是要注意的是JavaScript中标识符不能是关键字和保留符
     int a=10；
     int a；
     a=10；
     var a=‘yw’；
   9.JavaScript 中一共有五种基本数据类型
     -字符串（string）
     -数值型（number）
     -布尔型（Boolean）
     -null型（Null）
     -undefined型（Undefined）
     这五种之外的类型都称为Object
     JavaScript中共有六种数据类型

   10.变量和字面量（常量）    变量：可以更改的量  ?常量不占内存【动态分配内存，静态分配内存】
      var age=80；//变量可以描述字面量
      var 来一盘=789；//js底层utf-8 不建议这样用
      console.log（来一盘）；
   11.String 用于表示字符序列 即字符串
      字符串需要使用‘或者”括起来
      双引号里不嵌套双引号
      单引号里不嵌套单引号
      双引号里面可以嵌套单引号
      \n换行
      \\    斜杠 
      \t  制表
      \'  单引号
      \b  空格
      \"  双引号
      \r  回车
      三个\需要输入六个\
      
  //Number表示的数字大小是有限的，
    范围是： - ± 1.7976931348623157e+308 - 如果超过了这个范围，则会返回± Infinity。
    NaN，即非数值（Not a Number）是一个特殊的数值

   12.number 类型用来表示整数和浮点数
   13.type运算符【不是函数】
      var b=typeof（“wo”）；

      console.log（typeof b）;
      var age=80;//变量可以描述字面量
      var a='\\\\我说：\"你好\"';            0
            console.log(typeof a);
            console.log(typeof age);
            1)Number表示的数字大小是有限的，范围是：
             - ± 1.7976931348623157e+308 - 如果超过了这个范围，则会返回± Infinity。
             NaN，即非数值（Not a Number）是一个特殊的数值
             10进制转2  8 16
             var a=99;//number类型
               var a="你好";// 字符串 string 
               var a=false;//布尔型 boolean :true    false
            
            var a=true;//boolean-->number   true:1  false:0
            var b=false;
            
            a=a+2;//ture=1  1+2=3
            b=b+7;//false=0  0+7=7
            console.log(a);
            console.log(b);//
            console.log(typeof a);//boolean
            console.log(typeof b);//string
             
             

             */
            
                     
        -->
        <script type="text/javascript" >
            var yy=10;//声明直接赋值
            
            var yy;//先声明后赋值
            yy=10;
            
            var age=80;//变量可以描述字面量
            var 于洋=789;//js底层utf-8  不建议这样用
            var a='\\\\我说：\"你好\"';
            console.log(于洋);
            console.log(a);
            console.log(typeof age);
            var b=typeof("wo ");
            console.log(typeof b);
               var a=99;//number类型
               var a="你好";// 字符串 string 
               var a=false;//布尔型 boolean :true    false
            
            var a=true;//boolean-->number   true:1  false:0
            var b=false;
            
            a=a+2;//ture=1  1+2=3
            b=b+7;//false=0  0+7=7
          
            
            console.log(a);
            console.log(b);//
            console.log(typeof a);//boolean
            console.log(typeof b);//string
            console.log(Number.MIN_VALUE);//最小值是>0的最小值
            console.log(Number.MAX_VALUE);//最大值1.7976931348623157e+308
            console.log(-Number.MAX_VALUE);//-1.7976931348623157e+308
            console.log(Number.MAX_VALUE*Number.MAX_VALUE);//Infinity
            //最大值的平方如果超过了这个范围，则会返回± Infinity。
            console.log(-Number.MAX_VALUE*Number.MAX_VALUE);//-Infinity
            var message;
            mv=99;
            console.log(message);//undefined:未定义或者不赋值的时候显示的都是未定义
            console.log(mv);//99
            //是typeof对没有初始化和没有声明的变量都会返回 undefined。
            //实际上现在是只有未赋值的才返回undefined
            //从语义上看null表示的是一个空的对象。所以使用typeof检查 null会返回一个Object。 
            console.log(typeof null);//"object"
            //undefined值实际上是由null值衍生出来的，所以如果比较 undefined和null是否相等，会返回true
              a=10;
            b=3;
            c=a/b;
            console.log(c);//3.3333333333333335  除法  C语言里是整除
            a=700;
            b=13;
            c=a%b;//使劲买 还剩多少钱
            console.log(c);

<!--
            当鼠标移入的时候，把div的style的display变成block
            getElementByid()
            js:把右边的东西，放在左边里
        -->
        <style>
            #div1{
                color: red;
                font-size: 30px;
            }        
        </style>
    </head>
    <body>
        <label  
                οnmοuseοut="document.getElementById('div1').style.display='none'" 
                οnmοusemοve="document.getElementById('div1').style.display='block'" />
            <input type="checkbox" />自动登录
        </label>
        <div id="div1"">不要在网吧</div>