javascript基础

1.为什么学习 JavaScript?

    html--制作网页
    css---美化网页
    JavaScript---1.为网页增加动态效果
                        2.可以发送ajax请求，与后端处理程序进行数据交互
                        ---活起来

2.什么是JavaScript？

JavaScript 是一个面向对象的脚本语言。
    面向对象---是一种编程思想【只能自己体会】
    面向对象是从面向过程升华而来。
    例如：从电视塔到钟楼
     面向过程思想--将从电视塔开始到钟楼结束中途所经历的每一步都要记录，记录就是一个过程【公交车】
     面向对象思想--将电视塔作为起始对象，钟楼作为结束对象。【滴滴】
    
    脚本语言---编写好以后，进入运行环境中可以立即执行的编程语言就是脚本语言[JavaScript]
    编译语言---编写好以后，需要编译器进行转换，运行转换以后的程序这种语言编译语言【Java】

3.JavaScr

网景公司--运行在浏览器上的脚本语言--LiveScript--JavaScript
    微软---LiveScript---JScript--IE
     LiveScript,JScript，.......  
    开发者在开发一个功能之前，就需要先判断浏览器是谁家的，什么版本,才能开始使用对应的Script语法来实现功能。
    开发者联名向ECMA（欧洲电脑制造商协会）申诉，ECMA（欧洲电脑制造商协会）提出统一标准，让所有浏览都支持。
    ECMA（欧洲电脑制造商协会）提出统一标准的Script，就叫ECMAScript，ES 
    
    1997    ECMAScript 1    第一个版本
    1998    ECMAScript 2    版本变更
    1999    ECMAScript 3    添加正则表达式，添加 try/catch
    ECMAScript 4    没有发布
    2009    ECMAScript 5    添加 "strict mode"，严格模式，添加 JSON 支持
    2011    ECMAScript 5.1    版本变更
    2015    ECMAScript 6    添加类和模块
    2016    ECMAScript 7    增加指数运算符 (**)，增加 Array.prototype.includes

    ECMAScript 5--ES5[先]
    ECMAScript 6--ES6[后]

4.JavaScript的作用[为网页增加动态效果]

   JavaScript：直接写入 HTML
    JavaScript：对事件的反应
    JavaScript：改变 HTML 内容
    JavaScript：改变 HTML 图像
    JavaScript：改变 HTML 样式
    JavaScript：验证输入
    .......、

    javascript代码需要事件驱动执行。
    javascript代码常常被放置在script标记中。

5.JavaScript用法

1.javascript代码出现的位置，script标记中
        script标记--head中【推荐】
        script标记--body中[body开始处 / body结束处]
 2.javascript中的元素
        变量  运算符号   流程控制语句   认识函数  认识对象  认识事件  发送ajax请求
 

6.html中如何书写javascript代码

head中的script标记中编写，需要事件驱动执行
    1.写在html元素的事件中
    2.head中的script标记中编写
    3.链接外部javascript文件【.js】
 

7.JavaScript 输出显示数据

1.使用 window.alert() 弹出警告框。
        window.alert(num);
        alert(num);
        
    2.使用 document.write() 方法将内容写到 HTML 文档中。
        document.write(num);

    3.使用 innerHTML 写入到 HTML 元素。
        document.getElementById("h11").innerHTML=num;
    
    4.使用 console.log() 写入到浏览器的控制台。
        浏览器的控制台：设置---》更多工具---》开发者工具---》console【控制台】
                google浏览器的快捷方式 F12
        console.log(num1+","+name);
8.注释：

html--注释<!-- 注释内容，可以包含多行 -->
    css---注释     /*  注释内容,用来注释css的设置属性用的可，以包含多行  */
    #p1{
        /*color:red;*/
        font-size:30px;
        
          }
    javascript--注释--- 
        //注释内容  【单行注释】
            /* 注释内容，可以包含多行,也可以出现单行注释代码 */【多行注释】

10.变量：

变量是用来保存程序中的运行数据用的。
    变量的组成
        1.var 关键词来声明变量.【变量】
        2.变量名称，遵循变量名称的命名规则
        3.数据类型，决定了数据所能进行的具体操作
        4.作用域,变量的有效范围【暂时不处理】
    
    变量的创建，使用 var 关键词来声明变量.
    每一个变量都有自己的变量名称，变量的名称不能随便写，有一定的规则:
        1.可以使用字母，数字，$，_组成，数字不能开头
        2.变量名称对大小写敏感
        3.不要用中文

    变量的数据类型----用来决定了数据所能进行的具体操作。
        例如：数字类型的变量可以进行【+ - * /】运算
    JavaScript中的数据类型有2大类：值类型(基本类型)和引用数据类型               
    值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、
              未定义（Undefined）、Symbol【ES6】。

    引用数据类型：对象(Object)、数组(Array)、函数(Function)。
    
    使用“=”为变量保存数据值，叫赋值

    变量的声明创建方式：
        1.定义+赋值：var num=100;
        2.先定义后赋值
            var num; //定义
            num=100; //赋值
        3.一条语句，多个变量[不容易理解]
            var num1=1001,name="zhangsan";