js控制css样式
<script src='导入js样式'></script>
<script>
window.onload=function(){
#第一种
document.getElementById('box1').style.height='200px';
#第二种
var boxName=document.getElementById('box2')
boxName.style.width='80px';
}
</script>
js控制标签内容
<script src='导入js样式'></script>
<script>
window.onload=function(){
var boxName1=document.getElementById('box1')
boxName1.innerHTML='内容'#刷新重写
boxName1.innerHTML=' '#清空
}
</script>
函数的参数语法关系
有参数有返回值
注意点:
1.return之后函数会立即停止
2.如果有返回值,函数执行完成之后需要有变量承接
有参数无返回值
注意点:
1.传参注意顺序
2.多个参数之间,可封装返回,用‘,’隔开
组合问题
有参数无返回值
有参数有返回值
无参数有返回值
无参数无返回值
for循环
var myarr=[1,2,3]
for (var i=0;i<myarr.length;i++){alter(myarr[i])}
if条件判断
function(参数){
if(判断条件){
alter 执行
}
else if(判断条件){
alter 执行
}
else(判断条件){
alter 执行
}
}
while循环
第一种
var i=0
while(i<5 条件){
alert 执行结果
i++;自增
}
第二种
do{
alert(i)
i++
}
while(i<5 条件);
匿名函数
var 变量名.function(参数){alert(‘执行内容’)}
绑定事件
var mybox=document.getElementById(‘box1’);#获取到操作对象
mybox.οnclick=function(){alter(‘ok’)};#绑定操作对象事件
mybox.οnmοuseοver=function(){console.log(’ ')}#点击事件
注意点:
1.查找到指定的标签元素
2.在元素上绑定事件
3.事件执行之后绑定函数
单词定时
id名.οnclick=function(){setTimeout(function(){alert },1000)}
多次定时
id名.οnclick=function(){function 变量名(){alert }destime=setInterval(变量名,2000)}
清除定时
id名.οnclick=function(){clearInterval(全局变量) 全局变量=null}
Date获取当前的日期和时间
getTime获取从1970.1.1至今的毫秒数
var daytime=new Date()获取当前时间一个对象4
var daynum=daytime.gettime.getTime()+expireday2460601000计算过期时间的毫秒数
daytime.setTime(daynum)设置超时时间
hide可选用来控制隐藏速度,可以指定毫秒数