写函数的目的
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