web js基础

1return 返回值

• return 值 return一次只能返回一个值 多个值返回有数组或者对象

• return除了有返回值的作用 还有结束函数执行的作用

2.1获取行间样式

• 标签.style.样式名 如果样式名是-链接 使用驼峰命名 例如font-size fontSize

  • ==标签.style.样式名 只能获取行间样式==

2获取非行间样式和行间样式

• 标准浏览器(火狐 谷歌 欧朋 safari IE(9-11))

  • window.getComputedStyle(标签).样式名

.1 函数封装

函数封装的步骤

• 声明一个函数 把主要代码放进去

• 找函数中可变的值作为参数 将参数带入函数中 并且返回出去

• 调用调试

2 代码复用

• 什么时候使用代码复用

  • 功能一样 结构一样的使用 用for循环不好实现的时候

• 代码复用的实现步骤

  • 把这个功能先当成一组去实现 里面的标签都是通过父元素获取

  • 先去实现一组的功能

  • 把这一组功能放入到函数中 把父元素作为参数

  • 调用测试

定时器介绍

• 定时器的分类

  • 延时定时器

    • 语法: setTimeout(函数，时间)

    • 作用： 延迟一定的时间再去执行函数里面的代码，只会执行一次

    • 使用场景 ：广告弹窗

  • 间歇定时器

    • 语法：setInterval(函数，时间)

    • 作用：每隔一定的时间就去执行函数中的代码 会执行多次

    • 使用场景：轮播图 倒计时 计时器 抽奖

• ==注意:定时器的时间单位是ms 1s = 1000ms==

5清除定时器

• 定时器一旦开始就不会自动结束,必须手动清除

  • clearTimeout(定时器id) 手动清除延时定时器(很少用)

  • clearInterval(定时器id) 手动清除间歇定时器

• 定时器id: 每一个定时器在开始的时候，js都会返回一个能唯一标识当前定时器的id，默认都是从1开始

• ==定时器一旦停止就没有了，如果后续需要定时器 需要再次定义==