前端入门到熟悉day19

DOM高级
01表格悬停变色效果

02表格悬停变色效果2

03动态添加表格

05动态添加删除表格2

06表格搜索

07表格搜索忽略大小写

08search()方法
//search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

09search方法检索表格

10split
//split() 方法用于把一个字符串分割成字符串数组

11多关键词搜索
作用：search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串
语法：stringObject.search(regexp)
参数：该参数可以是需要在 stringObject 中检索的子串，也可以是需要检索的 RegExp(正则表达式) 对象。注释：要执行忽略大小写的检索，请追加标志 i
返回值：stringObject 中第一个与 regexp 相匹配的子串的起始位置
注意1：如果没有找到任何匹配的子串，则返回 -1
注意2：search() 方法不执行全局匹配，它将忽略标志 g。并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置

12表格搜索结果筛选显示

13表单事件

14表格排序

15li排序

16li排序2

17li排序3

01定时器
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
提示： 1000 毫秒= 1 秒。
提示： 如果你只想重复执行可以使用 setInterval() 方法。
提示： 使用 clearTimeout() 方法来阻止函数的执行。

02开启和关闭计时器

03数码时钟

04Date时间日期对象
Date 对象用于处理日期和时间。
创建 Date 对象的语法：
var oDate=new Date();
Date 对象会自动把当前日期和时间保存为其初始值。

05数码时钟2