• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
LDLX@Y火星
博客园    首页    新随笔    联系   管理    订阅  订阅

随笔分类 -  JavaScript

1
禁止浏览器返回登入页面

摘要:目前很多项目都没有特意做这个处理,就是浏览器返回到登入页面,然后点击下一页箭头,可以进入,但是如果有这个需求只需要在禁止的那个页面,输入如下代码即可 附加一个FQ软件:https://my.ishadowx.net/# 阅读全文
posted @ 2018-07-09 16:54 火星黑洞
webapp定位

摘要:浏览器定位 --> 阅读全文
posted @ 2018-03-09 17:32 火星黑洞
H5进行录音,播放,上传

摘要:废话不说,直接上代码吧 HZRecorder.js 阅读全文
posted @ 2018-03-01 20:16 火星黑洞
如何使用js判断当前页面是pc还是移动端打开的

摘要:1.利用了正则表达式和三目运算符,含义就是如果是移动端打开的话那就跳转到 "https:www.baidu.com/" ,如果不是就跳转到"http://new.baidu.com/" window.location.href = /Android|webOS|iPhone|iPod|BlackBe 阅读全文
posted @ 2017-10-14 12:51 火星黑洞
js绘制圆形时钟

摘要:纯js制作圆形时钟 Title 1 2 3 4 5 6 7 8 9 10 11 12 阅读全文
posted @ 2017-05-14 02:43 火星黑洞
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; 阅读全文
posted @ 2017-05-10 09:53 火星黑洞
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 阅读全文
posted @ 2017-05-10 09:33 火星黑洞
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; 阅读全文
posted @ 2017-05-10 09:31 火星黑洞
DOM

摘要:查询或选取单独的元素 1 2 3 4 5 6 // 通过Id查找元素 var xxx = document.getElementById("xxx");; // 通过标签名查找元素集合 var spans = document.getElementsByTagName("span"); // 通过样 阅读全文
posted @ 2017-05-08 20:44 火星黑洞
js五星好评

摘要:一般我们在一些购物以及美食的网站都会看到五星好评之类的,一下是使用js制作的五星好评! 直接复制粘贴 即可查看效果图: 阅读全文
posted @ 2017-05-08 19:57 火星黑洞
js模拟电梯操作

摘要:应该是可以做成立体的 阅读全文
posted @ 2017-05-06 16:47 火星黑洞
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 阅读全文
posted @ 2017-05-06 15:59 火星黑洞
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; 阅读全文
posted @ 2017-05-06 15:46 火星黑洞
js实现轮播图

摘要:注意:图片需要自己去添加images文件,大小我用的是400*300,可以更改的! 还有其他方法使用js实现轮播图,比如点击以后让图片transform:translate;点击后改变其display,点击后改变z-index,不点击让他自己产生动态移动就是使用:setInterval 技术不重要, 阅读全文
posted @ 2017-05-04 23:18 火星黑洞
省市的联动

摘要:不理解的可以留言问我,看到了会尽快回复的! 阅读全文
posted @ 2017-05-04 14:26 火星黑洞
年月日的三级联动

摘要: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 阅读全文
posted @ 2017-05-02 20:47 火星黑洞
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 阅读全文
posted @ 2017-05-02 20:16 火星黑洞
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 . 阅读全文
posted @ 2017-05-02 20:14 火星黑洞
JS的增删改查

摘要:1.查 2.增 3.删 4.改 改就很简单了,直接获得该节点,再改他的属性,值等! 阅读全文
posted @ 2017-05-02 20:07 火星黑洞
常用正则表达式

摘要:一、校验数字的表达式 数字:^[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- 阅读全文
posted @ 2017-05-02 19:40 火星黑洞

1
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3