JavaWeb（day6）

##JavaScript

    html  搭建页面结构和内容 
    CSS 美化页面  
    JavaScript  给页面添加动态效果

###JS历史

    1995年由网景（NetScape）公司发布 LiveScript 同年改名为JavaScript。和java没有关系，蹭热度。

###JS特点

 

1. 属于脚本语言 不需要编译，由浏览器直接解析执行
2. JavaScript可以直接嵌入到Html中
3. JavaScript基于面向对象
4. 弱类型语言

###JS优点

 

1. 交互性：直接和用户进行交互
2. 安全性：JS不能访问浏览器以外的内容（指硬盘中的数据）

###如何在html中添加JS代码

     1. 在元素的事件中添加
 

        <input type="button" 
        onclick="alert('第一种引入方式 ')" value="我是按钮">

      2. 在html中通过<script>标签添加

    

<script type="text/javascript">alert("第二种引入方式");</script>

     3. 在单独的JS文件中添加
 

    <!-- 引入JS文件 引入文件的script中 不能再写JS代码-->
    <script type="text/javascript" srct>="first.js"></script>

###JavaScript语法

####数据类型

1. 数值类型（number）
2. 字符串类型（String）
3. 布尔值类型（boolean）

      - undefined
      - null
      - 对象类型

####变量声明和赋值
    

    var x = 18;
    var name ="张三";
    var b = true/false;
    var z ; undefined
    var y=null;

#####数值类型
- js中底层都是浮点型，在使用过程中会自动类型转换。
   

   var x= 10/2;//5
   var y =10/3;//3.333333

- NaN: Not a Number 不是一个数 ，isNaN() 用来判断一个变量是否是一个数   isNaN("18")=false

####字符串类型
     通过单引号或双引号修饰一个字符串
   

    var s1 = 'aaa';
    var s2= "aaa";

####布尔值类型
    

   var b  =true; 
   var b =false;

####小基础
     变量 声明 赋值
     数据类型
     运算符
     语句 if else for while
     字符串
     数组
     集合