前端入门到熟悉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表格搜索结果筛选显示

扫描二维码关注公众号,回复: 5385052 查看本文章

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

猜你喜欢

转载自blog.csdn.net/weixin_44160944/article/details/87920956