![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
深巷的猫&fan
这个作者很懒,什么都没留下…
展开
-
JS正则表达式写法:手机号、邮箱、用户只能由英文字母或数字组成,长度为4-16个字符,并且以英文字母开头
1、手机号:以136,138,150开头,278946782、邮箱:4478@qq/163.com/cn3、用户只能由英文字母或数字组成,长度为4-16个字符,并且以英文字母开头<script type="text/javascript"> //匹配四个一样的字符 // \1反向引用第一组 // \2反向引用第二组 // var reg = /([a-z])\1\1\1(\d)\2\2/g; // var str ="aaaa3333" // .原创 2021-11-29 16:45:59 · 3285 阅读 · 0 评论 -
JS正则表达式
[a-z]表示所有字母\d表示所有数字[0-9]表示所有数字正 则:str=abcssabc表达式:regex=/[a-z]{3}\d{3}/ 表示:3位字母,3位数字regex.test(str)regex.exec(str)1、正则表达式:<script type="text/javascript"> //正则书写方式 // var reg = /ab...原创 2021-11-29 16:42:15 · 246 阅读 · 0 评论 -
贪婪匹配和非贪婪匹配
1.什么是正则表达式的贪婪与非贪婪匹配 如:String str="abcaxc"; Patter p="ab*c"; 贪婪匹配:正则表达式一般趋向于最大长度匹配,也就是所谓的贪婪匹配。如上面使用模式p匹配字符串str,结果就是匹配到:abcaxc(ab*c)。 非贪婪匹配:就是匹配到结果就好,就少的匹配字符。如上面使用模式p匹配字符串str,结果就是匹配到:abc(ab*c)。2.编程中如何区分两种模式下面的都是量词: {m...原创 2021-11-29 14:52:02 · 2863 阅读 · 0 评论 -
JS倒计时按钮
利用定时器 ,制作按钮在有效时间内失效的效果可用作于接收验证码避免了用户多次连续点击【效果如下】 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/jav...原创 2021-11-29 09:17:59 · 813 阅读 · 0 评论 -
JS使用event对象以及默认行为等知识点制作个性菜单
步骤:点击鼠标右键,阻止掉默认菜单,出现自定义菜单,且鼠标点击哪里,自定义菜单就在哪里自定义菜单使用CSS制作,并添加过渡效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ margin: 0;padding: 0原创 2021-11-29 09:05:54 · 627 阅读 · 0 评论 -
JavaScript幸运大转盘
需求说明:使用点击事件等相关知识点完成幸运大转盘页面打开时,出现九宫格蓝色色块,色块内分别是奖品,当点击开始按钮时,有一个灰色色块开始转动,点击停止按钮时,灰色按钮停在哪里,就表示所中的奖品是什么<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/c.原创 2021-11-29 09:01:52 · 798 阅读 · 0 评论 -
JavaScript
JavaScriptJavaScript是运行在浏览器端的脚本语言,JavaScript主要解决的是前端与用户交互的问题是一种动态性、弱类型的语言;他的解释器就在我们的浏览器中,是浏览器的一部分 这门语言对大小写敏感,并会忽略多余的空格,可以使用\进行代码换行,注释使用//或/**/主要由三部分组成:ECMAScript:语言的语法和基本对象文档对象模型Dom(Document Object Model):处理网页内容的方法和接口浏览器对象模型Bom(BrowserObjectModel):原创 2021-11-26 19:25:55 · 93 阅读 · 0 评论 -
【JS实现轮播图】
JS实现轮播图【效果】 图一 图二 图三 图四 图五代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head>...原创 2021-11-26 18:58:11 · 312 阅读 · 0 评论