5.JS基础（二）

引用数据类型（对象）：为了弥补基本数据类型的不足，可以让不一样的数据类型之间产生关系，所以要把他们变成一个整体（对象）
一、内置对象
1、function函数对象
2、数组对象
3、Date日期对象

Function创建，（包含的内置属性：length：函数形参列表个数，调用：alert（对象，length））
1、var fun=new Function（形参，函数体）
var fun=new Function（”a“，”b“，alert（a））该函数指显示a，所以传入了b也不会显示，用形参和函数体括号分开的较好

第一种方法用的少，所以更好的有
2、function 函数名（形参列表）（函数体）
如：function fun221（a，b）{alert（a，b）}
3、var 函数名=function（形参列表）（函数体）
var fun233=function（a，b）{alert（a，b）}
以上被创建的函数有多个同时拥有同一个函数名的话，被调用的那个函数体会是最后面的那个，后面是会覆盖前面的
function函数的arguments内置对象，类似于列表（封装了所有实参）
求任意数的和：var sum=0
for（var o=0；
o<arguments.length；
o++）
{sum +=arguments【0】；
}
调用：var addd11=add（100，200。。。。。）
alert（addd11）

数组创建
1、var arr= new Array(元素列表)
2、var arr= new Array（默认长度）
第一和第二种的语法很像，但决定区别的在于传入的参数，当参数为1个时是默认长度，2个以上是元素列表
3、var arr= 【元素列表】
数组元素的类型是可变的
取出数组数据使用索引
数组长度可变，arr333【11】=“jojo”,在第12个位置赋值，就算前面有一段没赋值的话也会被扩充默认长度，用undefined表示

Date创建
var date= new Date（）
调用：console.log（date）（显示中国标准时间）
console.log（date.toLocaleString（））把时间转成本地时间的字符串格式
获取时间差，把日期转换成毫秒值，date.getTime（）

二、宿主对象（借用代码内容显示或赋值）
Dom对象
D：document（网页），o：object, m：model
JS把所有文本的内容转换成了对象，为了对内容操作方便，model是为了方便管理而划分出来的
能体现每个节点与节点的关系，方便了解关系和html的总体结构
节点：node，构成网页的最基本的组成部分，网页中每一部分都可以称为一个节点
分为1、文档节点：整个html文档
2、元素节点：标签
3、属性节点：标签中的属性
4、文本节点：标签之间的文字
获取文档对象
console.log（document），文档节点是document对象
获取按钮对象，var btn =document.getElementById（”btn“）
然后 console.log（btn）
修改按钮文字
btn.innerHTML（该方法是用来修改时提取而存在的不能缺少）=“新的按钮名”
点 了按钮出现的反应设置（事件，用户与浏览器之间的交互行为，点击按钮，鼠标移动）：可以在button标签加入 οnclick=”alert（）“等，该方式不灵活
可以用另一种交互方式：给按钮的绑定点击事件并且给出处理函数
btn.οnclick=function（）{alert（）}，btn要先赋值的变量
通过标签名获取元素对象
var jy=document.getElementsByTagName(“input”);（这里的var 变量都是为了接收获取到的对象）
函数返回多个，通过下标去获取具体的值
document.getElementsByClassName(“多个标签共用的class值”)
然后用for循环全部提取for（var o=0；o<a.lenght；o++）{console.log（ps【o】.innerHTML）}
通过name获取元素对象
document.getElementsByName(“name属性名”)
通过class获取元素对象
document.getElementsByClassName(“class值”)
想通过什么获取对象主要设置document.getElementsBy后加什么

innerHTML用于获取元素内部的html代码（包含文本），
console.log（btn.innerHTML）
innerHTML不能获取单标签的属性，要想获取元素节点的属性，可以直接使用元素（指的是id名）.属性名然后就可以得到属性值了，
如果要获取class值，则需要将属性名改为classname
console.log（inp.name）
console.log（inp.className）

给按钮对象绑定点击事件（第一种设置选项可以自己选）
1、btn.οnclick=function(){
var a=input1[0].value;
var b=input1[1].value;
box.setAttribute(“style”,a+":"+b);
}
2、btn.οnclick=function（）{
box.style.width=”300px“
box.style.height=”300px“（如果css样式名中，含有-号，这种在JS不合法，要将样式名改为驼峰命名法，去掉-将-后面 的字母大写即可）
} 此处的background-color: aqua;要改为backgroundColor: aqua;，，，console.log（box.backgroundColor）
这里的通过style属性设置的样式都是内联样式，优先级较高，通过JS修改的样式会立即显示
获取样式值console.log（元素.style.样式名）
通过这里的style设置和读取的都是内联样式
getComputedStyle（）可以获取当前元素的样式，1、要获取样式的元素 2、伪元素 null
var o=getComputedStyle（box，null）
三、自定义对象（需要自己定义的）
alert（）通过弹框显示
console.log（）通过控制台显示
var obj=new Object（）
给对象添加属性
语法：对象.属性名=属性值
obj.name=”jojo“
console.log（obj）
读取属性
语法：对象.属性名
console.log（obj.name）如果读取没有的属性，返回undefined
修改属性
语法：对象.属性名=新属性值
删除属性
语法：delete 对象.属性名
属性名规范要求：没有太多强制性要求，需要和取名规范一致，如果用特殊属性名，要用【”“】来装载
语法：对象[”属性名“]=属性值
属性值规范要求：可以是任意数据类型，还可以是对象
一次装多个属性名和属性值
语法：var 对象={属性名：属性值，属性名：属性值，属性名：属性值}

var date= new Date（）
date.getDate();获取的是准确的几号
date.getDay()获取的是星期几