javascript-day05

写函数的目的
1.希望一段代码在特定的条件下触发
2.可以复用

带参和无参
带参函数：通过参数使得函数更加灵活

 

函数的返回 return关键字
return写在函数内，一个函数内可以有多个return语句，但是只有一个return会被执行，return后面可以跟上一个值，用于返回
带return的也称为带返回的函数，和无返回的函数的区别在于
带返回注重函数执行后的结果
无返回注重函数执行的过程
当函数内的return被执行时立即返回结果并且终止函数

三目运算,用来根据表达式的结果，得到一个值
表达式?为真的情况:为假的情况

表达式? true : false
var i = 5>8?5:8; 同等与下面这个if
var i =0;
if(5>8){
i=5;
}else{
i=8;
}

Date对象，用于操作系统时间，可以根据对象的方法得到和赋予时间
常用方法省略 时间对象.getXXX()
getDate()返回一个月的某一天
getDay()
getMonth()
getFullYear()
getHours()
getMinutes()
getSeconds()

setTimeout(需要触发的函数，间隔时间) 一次性定时器
在指定的间隔时间后触发一次绑定的函数

setInterval(需要触发的函数，间隔时间) 循环定时
每间隔指定的时间调用一次

不断产生定时器会相当于多个定时器同时调用绑定的函数
可以使用一个变量接收定时器
clearInterval(定时器的变量);
clearTimeout(定时器的变量)

 

DOM(document object model 文档对象模型)
其意义把整个html网页当成是一个大的对象，(document)内部的所有的标签都是小的对象。通过得到这些标签对象来操作这些标签的属性和行为

得到网页的标签的对象，提供了多种方法得到
1.根据标签的id属性值得到单个对象
document.getElementById("id属性值")

操作一个获得的元素对象可以操作固有属性和css属性
固有属性： 对象名.属性名 = 值;
css属性： 对象名.style.css属性名="属性值"
如果css属性是带有- border-color background-color
就把-去掉，把第二个单词首字母大写 backgroundColor

操作input元素改变值通过value属性
如果操作的标签是组合标签，改变标签的内容可以通过
innerHTML,innerText
innerHTML:表示一个标签的开头到结尾内所有的内容
innerText:得到一个标签内所有的文本内容，包括后代的文本

2.document.getElementsByName("name属性值")
跟byid不同，其他所有获取元素的方法都是获得一组对象，而不是单个。所以操作的时候需要遍历或者指定一组中某一个对象
例如:
对象数组[下标].style.属性

onclick：单击事件
onfocus:获得焦点
onblur:失去焦点
onmouseover:鼠标悬停在元素上,会事件冒泡，指后代触发父容器
事件
onmouseout:鼠标从悬停移开
onmouseenter:和over相似，事件不冒泡
onmouseleave:和out相同

 

 

this 关键字
哪个元素去触发的事件，this就是那个元素对象本身

匿名函数，没有函数名，无法被调用，因此通常用来绑定在某个对象触发事件上
对象.事件名 = function(){

}

onload ：加载事件，指body或者图片被加载完成时触发的事件
一个网页只能有一个window.onload

document.getElementsByTagName("标签名")根据标签名得到一组元素的对象数组

document.getElementsByClassName("类名") 根据类名得到一组元素对象

 

BOM
String