JavaScript小结

1、js如何定义变量以及数据类型有哪些

js中定义变量使用var定义，var可以定义任何数据类型！

数据类型：

1)无论是整数还是小数，都是number类型--会提升为Number类型

2)无论是字符还是字符串，都是string类型--会提升为String类型

3)Boolean类型

4)Object类型--为js所有对象的模板Object类型

5)Undefined未定义类型

2、js中的函数定义及调用

js定义函数的格式1：

function 函数名称（参数名称，参数名称2...）{

--类似java中没有具体返回值类型的方法使用

//完成自己功能逻辑

直接输出

}

调用

上面这种方式：单独调用

函数名称（实际参数，实际参数2...）;

js定义函数的格式2：

function 函数名称（参数名称1，参数名称2...）{

--类似java中有具体返回值类型的使用，js中不需要返回值类型

//完成自己功能逻辑

                return 结果;

                }

调用：

        上面这种格式2：

                赋值调用

                var 结果变量 = 函数名称（实际参数1，实际参数2...）;

js使用函数，没有方法重载的概念，方法名相同，后面函数将前面的函数进行覆盖！

3、js中的Date对象创建以及获取年月日的方法

//js中定义变量/创建对象都是var

var date = new Date() ;  //创建js日期对象

//获取年份

var year = date.getFullYear() ;

//获取年中月

var month = date.getMonth()+1 ; //getMonth() : 0-11之间的整数

 //获取月中的日期

var monthWidhDate = date.getDate() ; //getDate() ：1-31之间的整数

4、javascript的使用方式有几种

两种方式

        1)内部方式

                        标准格式，在head标签中使用

                        <script>

                                //书写js代码

                        </script>

弊端：js代码和html标签混合使用，不利于后期维护管理

        2)外部方式：前端人员使用这种方式

                        在js文件夹下有很多 .js文件

                        在html页面中引入 xx.js文件

                在head标签体中

                <script src="js/xxx.js"></script>

5、javascript中常用的函数列举

                document.write("xxx"); //浏览器中打印内容

                alert("消失对话提示框");

                paseInt("数字字符串") ; --->将string---number(数字字符串---整数类型)

                typrOf(变量名); 查看变量的数据类型

                console.log("xxx");在浏览器中的控制台打印内容

                js的string对象

                                charAt(index):获取指定索引处的字符

                                concat(str):字符串拼接功能

                                substring(beginIndex,endIndex):截取，从指定位置开始截取到指定位置结束（不包含endIndex，而是endIndex-1） 

6、什么是js的dom

DOM编程：Document Object Model,基于文档对象模型编程，在解析html标签的时候，浏览器的js引擎将html的每一个标签，封装标签对象（节点对象/元素对象），形成树结构，使用一些方式获取节点对象，改变它的特有属性！

7、获取标签对象，通过document方法

document.getElementById("id属性值"); //id属性值获取标签对象

document.getElementByClassName("所有同名的clsaa属性值"); //通过class属性值获取标签对象

document.getElementsByTagName("所有同名的标签名称") ; //通过标签名称获取标签对象

document.getElementsByName("同名的name属性值");//通过name属性值获取标签对象

8、获取焦点失去焦点事件，选项卡发生变化的事件

onfocus;----focus事件

onblur;----- blur事件

onchange;---change事件

9、表单标签中onsubmit事件指的是什么

onsubmit:表单是否提交成功 ;

如果返回结果false，不能提交；true ，可以提交

10、js中自定义对象有哪些方式

4种方式

1）function 对象(形参列表){

                //追加属性

                this.属性 = 形参名称;

                //追加方法

                this.方法名 = function(){

                        ...

                }

        }

        var 对象名 = new 对象(实参列表);

2) function 对象(){

}

//创建对象

var 对象名 = new 对象() ;

//追加属性

对象名.属性名 = 值;

//追加方法

对象名.方法名 = function(){

}

3)使用Object对象：代表所有js对象的模板

var 对象名 = new Object();

//追加属性

对象名.属性名 = 值;

//追加方法

对象名.方法名 = function(){

}

4)字面量值的方式，json(轻量级数据交互格式)

{"key" :value}

        类似java的实体

                var student = {

                        "name":"张三",

                        "age":20,

                        "gender":"男",

                        "birthday":"1989-02-28"

}

 数组或者集合格式
         var students = [
              {
                 "name":"张三",
                 "age" :20,
                 "gender":"男",
                 "birthday":"1989-02-28"
         },
          {
                 "name":"李四",
                 "age" :20,
                 "gender":"男",
                 "birthday":"1989-02-28"
         },
          {
                 "name":"王五",
                 "age" :20,
                 "gender":"男",
                 "birthday":"1989-02-28"
         }
         ] ;