随笔分类 - JavaScript
1
禁止浏览器返回登入页面
摘要：目前很多项目都没有特意做这个处理，就是浏览器返回到登入页面，然后点击下一页箭头，可以进入，但是如果有这个需求只需要在禁止的那个页面，输入如下代码即可 附加一个FQ软件：https://my.ishadowx.net/#
阅读全文
如何使用js判断当前页面是pc还是移动端打开的
摘要：1.利用了正则表达式和三目运算符，含义就是如果是移动端打开的话那就跳转到 "https:www.baidu.com/" ，如果不是就跳转到"http://new.baidu.com/" window.location.href = /Android|webOS|iPhone|iPod|BlackBe
阅读全文
js时钟
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 *{ 8 margin:0; 9 padding:0;
阅读全文
js五星好评2
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 ul{ 8 width: 150px; 9 height
阅读全文
js实现轮播图2
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 *{ 8 margin:0; 9 padding:0;
阅读全文
DOM
摘要：查询或选取单独的元素 1 2 3 4 5 6 // 通过Id查找元素 var xxx = document.getElementById("xxx");； // 通过标签名查找元素集合 var spans = document.getElementsByTagName("span"); // 通过样
阅读全文
js随机点名系统
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 body{ 8 background-color: hotpink; 9 } 10 .b
阅读全文
random随机数应用
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 *{ 8 margin:0; 9 padding:0;
阅读全文
js实现轮播图
摘要：注意：图片需要自己去添加images文件，大小我用的是400*300，可以更改的！ 还有其他方法使用js实现轮播图，比如点击以后让图片transform：translate；点击后改变其display，点击后改变z-index，不点击让他自己产生动态移动就是使用：setInterval 技术不重要，
阅读全文
年月日的三级联动
摘要：1 <body> 2 <div id="box"> 3 <select name="sel1" id="sel1"> 4 <option value="year">年</option> 5 </select> 6 <select name="sel2" id="sel2"> 7 <option va
阅读全文
js全选反选
摘要：1 <style type="text/css"> 2 table { 3 width: 800px; 4 text-align: left; 5 border-collapse: collapse; 6 } 7 8 td, th { 9 padding: 10px; 10 border: 1px
阅读全文
js实现网页tab选项卡切换效果
摘要：1 <style> 2 *{margin:0;padding:0;} 3 body{font-size:14px;font-family:"Microsoft YaHei";} 4 ul,li{list-style:none;} 5 #tab{position:relative;} 6 #tab .
阅读全文
常用正则表达式
摘要：一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-
阅读全文
1
