JavaScript

1.js的使用方式

内部方式:在当前页面的head标签体中书写script标签

外部方式:1)单独在js文件夹中,创建后缀为.js的文件

                2)在xxx.js文件中,书写js代码

                3)在当前某个html页面中,导入这个xxx.js文件,必须有开始标签,结束标签

                <script src="导入外部xxx.js文件的路径"></script>

2.js中常用的函数

1)要向浏览器中输出内容 document.write("内容");

        字符串+任何数据=字符串

        +:表示字符串的拼接

2)向浏览器的控制台输出日志 console.log("内容");

3)弹出一个提示框出来  window.alert("内容");

window对象属于浏览器内置顶级对象,代表窗口,频繁调用可以不写 alert("内容");

3.js中定义变量

1)在js中,定义变量使用var来定义,var可以省略

        var a=10;

               a=10;

2)var可以定义任何数据类型

        var a=10;整数

        var b=3.14;小数

        var c="hello";字符串

        var d='a';字符

        var e;没有定义类型

        var f=new Object();Object对象：是js内置对象的模板，就是提供了所有js内置对象的通用功能

        var g=new String("hello");String对象

3)因为js为弱类型语言,定义一个变量可以重复定义,后面的值会将前面的值覆盖掉

        var a=10;

        var a=20;

4.js中的运算符

1)算术运算符:+,-,*,/,%(模,求余)

    赋值运算符:=  (var a=10;将等号右边的值赋值给左边变量)

2)比较运算符:<,<=,>,>=,!=,==

        这些符号不管连接的表达式是复杂的还是简单的,最终要么true,要么false

3)逻辑运算符:

        基本符号:&逻辑单与,有false,则false

                        |逻辑单或,有true,则true

                        !逻辑非,非true,则false;非false,则true

        逻辑双与:多个条件是并列关系,必须同时满足条件,有false,则false

        逻辑双或:多个条件是或者的关系,一个成立了,就成立了,有true,则true

4)三目运算符:

        语法格式:(表达式?)执行true的结果:执行false的结果;

                        表达式可以是简单的或复杂的,要么true,要么false

        执行流程:

                        首先判断表达式是否成立,如果成立,则执行true的结果

                        如果不成立,则执行false的结果

5.js中的流程控制语句

1)顺序结构语句:js代码从上而下加载,比较简单的一类

2)选择语句结构

        if语句(三种格式)

                格式1:表达式是否成立,如果成立,才能执行语句1

                        if(表达式){

                                语句1;

                        }

                格式2:先判断表达式是否成立,成立,则执行语句1,否则不成立,执行语句2

                        if(表达式){

                                语句1;

                        }else{

                                语句2;

                        }

                格式3:先判断表达式1是否成立,如果成立,执行语句1

                          如果不成立,继续判断表达式2是否成立

                        如果成立,执行语句2,不成立,依次执行下面的语句...

                        如果上面都不成立,执行else中的语句n

                        if(表达式1){

                                语句1;

                        }else if(表达式2){

                                语句2;

                        ...

                        }else{

                                语句n;

                        }

        switch语句:js中的case值可以是常量也可以是变量

                switch(变量){

                        case 值1;

                                语句1;

                                break;

                        case 值2;

                                语句2;

                                break;

                        ...

                        default:

                                语句n;

                                break;

                   }

           执行流程:1)首先判断变量的值和值1是否匹配,如果匹配,执行语句1,switch语句结束

                           2)如果不匹配,继续和case后面的值2进行比较,成立,执行语句2,break结束

                           ...

                           3)如果上面都不匹配,执行语句n,语句结束

6.js中的事件编程

事件编程三要素:

        1)事件源--指的就是html标签

         2)编写事件监听器--就是写一个函数(js代码)   function 函数名称(形式参数名1,形式参数名2...)

         3)绑定事件监听器--就是在标签中有一些onxxx属性和函数名进行绑定

dom操作:获取标签对象的value属性值

                 操作语法:  document.getElementById("id");

                如获取输入框的内容:

                var inputObj=document.getElementById("输入框id");

                content=inputObj.value;