![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript 练手项目
文章平均质量分 68
GGYY__
这个作者很懒,什么都没留下…
展开
-
Javascript 05:敏感词过滤
replace() 替换<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>敏感词过滤</p> <p><textarea id="content" cols="30" rows="10"></texta原创 2022-05-10 12:22:36 · 500 阅读 · 0 评论 -
Javascript 04:全选、全不选
1、 全选、全不选、反选(单选) <body> <form action=""> <p><input type="checkbox" id="" >西瓜</p> <p><input type="checkbox" id="">香蕉</p> <p><input type="checkbox" id="">橙子</p> <p><in原创 2022-05-10 12:15:29 · 148 阅读 · 0 评论 -
JavaScript debugger调试
debuggerF10 : 一行行执行,看到方法一步执行完,无法看到方法的执行情况。F11: ~~进去方法内部,可以看到方法的执行。F12:进入调试模式。<script> input.onkeyup=function(){ debugger; show.style.display="block"; //2 元素匹配 // input.value 和 arr数组中的每一位进行匹配 indexOf() 匹配不到就-1 let str=原创 2022-05-09 23:09:10 · 1945 阅读 · 0 评论 -
Javascript 03:搜索展示
1、获得焦点展示onkeyup:当用户释放键盘按钮时执行Javascript代码。onkeyup:当用户离开input输入框时执行一段Javascript代码: <script> //1 展示区的显示与隐藏 //拿到两个元素 let input=document.getElementById("val"); let show=document.getElementById("show"); //1.1获得焦点显示 input原创 2022-05-09 23:04:15 · 149 阅读 · 0 评论 -
Javascript 02:验证码生成以及校验
1 、生成验证码方法(随机数生成)function getCode(){ var arr=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]; var str=''; for(var i=0;i<6;i++){ var num= Math.round(Math.random()*(15-0)+0); str+=arr[num]; } return str;原创 2022-05-07 20:27:56 · 534 阅读 · 0 评论 -
Javascript 01:支付项目
01<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>支付页面</title> </head> <body> <div id="pay"> <!-- 头部 --> <div id="content" > <p> <label>商品:&l原创 2022-05-07 03:02:43 · 144 阅读 · 0 评论