Javascript
关注
分享
扫一扫
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
美奇开发工作室
后端开发工程师，做一个喜欢分享技术的领域开发者！
展开
-
html网站使用js实现记住账号密码功能
这里推荐使用localStorage，因为cookie容易被浏览器自动删除，导致保存不长久。2、读取保存在localStorage里的账号密码。3、移除已经保存的账号密码。原创 2022-09-05 14:08:47 · 1740 阅读 · 0 评论 -
js使用正则表达式自动获取百度网盘和123云盘分享链接里的网址和提取码
来说一下具体的需求，我的资源网站添加源码时，需要填写 百度网盘下载链接和提取码，上传文件到百度网盘后，分享文件后有个“复制链接及提取码”的按钮，如下图： 复制出来的内容大致如下：资源网站添加源码的页面如下图： 我想实现的功能是，当我把百度网盘的分享链接内容粘贴到“下载地址”的输入框里时，可以自动填写提取码，以及把输入框里的内容修改为真正的百度网盘文件链接。二、获取提取码 使用正则表达式： 直接截取字符：完整的代码如下：...原创 2022-08-14 15:42:08 · 5512 阅读 · 0 评论 -
javascript轮播图示例
Demo示例文件下载地址：javascript轮播图示例.zip-互联网文档类资源-CSDN下载原生态的javascript轮播图示例，老师上课教的代码，有详细的备注，适合js新手小白学习参考。更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/qq15577969/596776431、先写一个公共的动画方法，保存在animate.js文件里function animate(obj, target, callback) {...原创 2021-12-09 23:34:06 · 184 阅读 · 0 评论 -
js解决浏览器拦截window.open()弹窗问题
导读：作为一名优秀的前端开发者，应该清楚了解浏览器的脾气，为了阻击各种广告弹窗，大部分浏览器都默认拦截了window.open()行为，那么我们要如何在浏览器上弹出一个新窗口呢？解决方法：有的朋友可能会说，直接在js里使用window.location.href不就行了，你不知道的是，location.href是直接在当前窗口进行跳转的，实现不了我们的场景需求，我们需要的是打开新窗口，因此最好的解决方案是：创建一个跳转的a元素，模拟发送click请求后将该元素从文档中删除，代码如下：<原创 2021-11-18 15:10:04 · 1918 阅读 · 1 评论 -
js禁止F12调试，鼠标右键，复制/粘贴/剪切/选中等功能
为什么要禁止这些功能？精心制作的素材，费时费力写好的js， 日夜赶工编写的页面，被别人轻而易举的扒走了。你说气不气人，本文的方法足以让“低级扒手”无从下手、不知所措，至于高手想防也防不住，高手的功底已经登峰造极，“所见即可扒"。方法很简单，只需要在页面添加下面的代码即可：<script type="text/javascript"> //屏蔽F12 document.onkeydown = function () { if (window.event...原创 2021-08-07 13:00:05 · 1175 阅读 · 0 评论 -
lightgallery灯光画廊插件用法
lightgallery.js是一款纯JavaScript轻量级响应式lightbox插件，该Lightbox插件支持图片，视频，iframe等多种媒体，支持全屏，导航，缩放，下载等功能，还支持多种动画过渡效果。原创 2021-04-25 12:24:31 · 2044 阅读 · 0 评论 -
js创建类
/** * @summary omgui * @version 1.0.0 * @author Aher * @CSDN https://blog.csdn.net/qq15577969 * @Date 2020年10月14日 * @bootbox插件 http://bootboxjs.com/ */class omgui{ /** * 提示框 * <param name="message">信息</param&g.原创 2021-04-11 11:32:41 · 183 阅读 · 0 评论 -
js数组和json字符串的相互转换
数组转成json字符串var arr = [1,2,3, { name : Jack } ];JSON.stringify(arr);json字符串转成数组var jsonStr = '[1,2,3,{"name":"Jack"}]';JSON.parse(jsonStr);原创 2021-04-11 11:12:01 · 1192 阅读 · 0 评论 -
前端js使用jszip实现文件压缩功能
一、jszip下载1、github下载地址：https://github.com/Stuk/jszip2、下载成功后解压，js插件在dist目录里二、引入jszip插件<script type="text/javascript" src="./jszip.min.js"></script>三、使用jszip对文件进行压缩和下载<script type="text/javascript">//创建JSZip实例对象var zip = ne原创 2021-04-09 15:19:22 · 12372 阅读 · 1 评论 -
在sweetalert弹出窗插件中加入html代码
sweetalert介绍：sweetalert是一款不需要jquery支持的，SweetAlert是一个JavaScript原生插件，能够完美替代JavaScript自带的alert弹出框，并且功能强大、设计优美。最重要的一点，就是可以自适应，在手机端也有很不错的显示效果，比layui漂亮多了。sweetalert官网：https://www.sweetalert.cn/在sweetalert弹出窗插件中加入html代码的示例：swal({ title: "购卡协议",原创 2021-03-16 13:58:02 · 886 阅读 · 0 评论 -
SyntaxHighlighter代码高亮框架使用方法
一、SyntaxHighlighter介绍SyntaxHighlighter是一款用于web页面的代码着色工具，可以用来着色多种语言，可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML。下载地址：...原创 2021-03-09 14:15:17 · 2438 阅读 · 2 评论 -
js随机生成18位不重复的订单号
<script> /** * 随机生成18位不重复的订单编号 * length 随机后缀字符长度，默认为4 */ function generateOrderNumber(length=4){ const now = new Date(); let year=now.getFullYear().toString(); let month = (now.getMonth() + 1).toString(); let .原创 2021-01-12 12:48:48 · 999 阅读 · 0 评论 -
html代码修饰器，Highlight.js代码高亮插件用法
一、前言highlight.js是一款轻量级的Web代码语法高亮库。下载地址：https://highlightjs.org/download/下载插件库的时候可以选择你需要的语言，然后再打包，下载后会发现有个style文件夹，里面放了各种不同的显示颜色。二、使用方法1、在head中引用highlight高亮库插件的css和js<head> <title>highlight代码高亮插件示例</title> <met.原创 2021-01-09 13:52:50 · 1247 阅读 · 0 评论 -
js模拟form表单提交Http请求，并实现跳转到新窗口打开页面
导读：一些特殊的应用场景，需要在jquery里实现对后端的访问请求，同时在新窗口中打开页面。一般情况下我们在jquery里请求后端业务都是用会ajax，但ajax是会返回数据的，并且不会打开新页面窗口，所以ajax并不符合我们的场景需求。因此我们需要用另一种方式，也就是模拟form表单，实现post提交，并打开新窗口。代码如下：/** *模拟form表单，实现post提交，并打开新窗口 * url：请求链接 * postData：json格式的post参数 */function po原创 2021-01-06 20:16:48 · 6719 阅读 · 1 评论 -
javascript点击除div盒子本身之外的任意地方时，关闭div盒子弹框
html+js代码： <div id="container"> <button id="btn">点击打开弹框</button> <div id="box">我是弹框</div> </div> <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script type="te...原创 2020-10-15 17:57:35 · 2440 阅读 · 1 评论 -
javascript返回上一步，后退的代码
第一种方法：<a href="javascript:history.go(-1)">返回上一步</a><a href="javascript:" οnclick="history.back(); ">返回上一页</a>第二种方法：<script language="javascript"> window.history.back(-1); </script> ...原创 2020-10-14 17:03:11 · 1923 阅读 · 0 评论 -
javascript实现页面的跳转
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>javascript实现页面的跳转</title> </head> <body> <script language="javascript"> window.location.href = "http://www.zy13.net"; </sc.原创 2020-09-04 12:20:42 · 172 阅读 · 0 评论 -
解决日期时间经过js处理后时间被加上了时区的问题
先来看具体的场景：1、数据库里读取出来的json，如下：[ { num: '20200713-29', time: 2020-07-13T19:15:42.000Z } ]2、然后在js中解析json，获取time，代码如下：var data= new Array();data[0]=json[0].num;data[1]=json[0].time;3、输出结果时，发现时间被自动加上了8小时，也就是说时区发生了改变，如下：console.log("时间："+data[1])原创 2020-07-13 19:36:05 · 1053 阅读 · 0 评论 -
js将字符串转换成json的三种方式
第一种：eval方式解析（最早的解析方式），如下：function strToJson(str) { var json = eval('(' + str + ')'); //别忘了str两旁的小括号 return json;}第二种：new Function形式，如下：function strToJson(str) { var json = (n...原创 2020-04-11 09:56:02 · 438 阅读 · 0 评论 -
js格式化时间戳
<script type="text/javascript"> function formatTime(date = 0, fmt = 'yyyy-MM-dd hh:mm:ss') { date = new Date(date* 1000);////当时间戳为10位时需要*1000，时间戳为13位的话不需*1000 if (/(y+)/.test(fmt)) { ...原创 2020-04-09 12:57:33 · 516 阅读 · 2 评论 -
web页面引用外部js文件出现乱码问题的解决方法
在web开发中我们一般都会不可避免的使用js，为了给页面良好的"瘦身"以及方便维护，我们一般都会将js代码放在外部（即外部样式），然后通过src引用。这个时候我们就需要注意一个问题：编码问题。如果web页面和js采用不同的编码，这个时候就会出现中文乱码。对于大多数的web页面，我们一般都是使用如下两种编码：UTF-8和GB2312。所以我们只需要同意页面和js文件编码就可以解决乱码问题：1...原创 2020-04-06 21:44:50 · 968 阅读 · 0 评论 -
js数组对象冒泡排序
一、普通数组排序1、升序排序var arr = [23, 9, 4, 78, 3];var compare = function (x, y) {//比较函数 if (x < y) { return -1; } else if (x > y) { return 1; } else { return 0;...原创 2020-02-04 18:03:52 · 1134 阅读 · 0 评论 -
js操作Cookie，设置cookie让全站所有页面都有效
//设置cookiefunction setCookie(name, value, liveMinutes) { if (liveMinutes == undefined || liveMinutes == null) { liveMinutes = 60 * 2; } if (typeof (liveMinutes) != 'number') { liveMinutes =...原创 2020-02-02 18:42:33 · 1794 阅读 · 0 评论 -
js正则表达式验证大于0的整数和小数（不能是负数）
网上有很多示例是只验证正数，或者验证不全的，这里提供最正确的一个：<script type="text/javascript">//支付金额var money = $("input[name='money']").val();var regNumber=/^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,}[0-9]{0,}$/;if(regNumber...原创 2020-02-02 17:55:21 · 7413 阅读 · 3 评论 -
js正则表达式验证大于0的整数
<script type="text/javascript">//支付金额var money = $("#money").val();var regNumber = /^\+?[1-9][0-9]*$/;if(regNumber.test(money) == false) { alert("充值金额必须大于0"); return;}</script>...原创 2020-01-12 19:30:26 · 13637 阅读 · 0 评论 -
js获取单选按钮(radio)的value值和点击事件
1、首先要引入Jquery（使用js原生方法的，可以不用）<script type="text/javascript" src="js/jquery-3.1.1.min.js">2、简单的示例代码：<!-- 单选按钮的取值和点击事件--><form action="#" method="post"> 性别： <inpu...原创 2020-01-12 17:43:23 · 12964 阅读 · 0 评论 -
js判断是不是手机端访问网页，兼容iphone版本的UC浏览器
网上有很多代码在苹果手机的UC浏览器上是识别不出是手机端的，我测试过很多代码，最终得到下面最可行的：<script type="text/javascript"> //判断访问终端 var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVe...原创 2020-01-10 17:45:50 · 1369 阅读 · 0 评论 -
windows下使用forever守护Node.js进程，保证网站服务在关掉node.js时也能正常
前言：最近搭建的一个项目是用node.js实现的，运行环境是windows server 2008 R2，启动方式就是在 CMD 里输入node mainApp.js。然而这样还不够严谨，万一有哪个 Error 没捕获到，整个服务就挂了，为了万无一失，还是得有个自动重启的能力。目标：支持崩溃后自动重启 支持后台运行自动重启和后台运行：因为 javascript 的...原创 2020-01-04 13:28:51 · 2243 阅读 · 0 评论 -
在.js文件中引入另一个js文件
代码如下（页面一定要有body对象）：//引入公共js文件var publicElement = document.createElement("script");publicElement.setAttribute("type", "text/javascript");publicElement.setAttribute( "src", "/js/public.js");...原创 2019-12-30 16:26:34 · 663 阅读 · 0 评论 -
js报错: Uncaught SyntaxError: Unexpected token
在页面上添加了一个点击事件，结果报错如下：错误分析，原代码：<a href="javascript:void;" onclick="forgetPwd()">忘记密码?</a>好像没毛病，点击是正常的，但追求极致的我，看着那个报红的就是不爽！引发此错误的原因：href属性值“javascript:void(0)”，我上面写的是"javascrip...原创 2019-12-27 20:09:08 · 479 阅读 · 0 评论 -
javascript网站跳转代码
window.location.href：<script language="javascript"> <!-- window.location.href = "http://www.myfaka.com"; --> </script>原创 2019-12-27 13:14:02 · 249 阅读 · 0 评论 -
JavaScript水果出售（全选与全不选功能）
<!doctype html><html><head><meta charset="utf-8"><title>水果出售</title><style type="text/css">*{ padding:0; margin:0;}ul li{ list原创 2018-03-11 14:20:50 · 502 阅读 · 0 评论 -
javascript倒计时
<!doctype html><html><head><meta charset="utf-8"><title>倒计时</title><style type="text/css">#clock{ color:#00F; font-size:30px;}#ti原创 2018-03-11 14:18:46 · 198 阅读 · 0 评论 -
JavaScript发帖案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>论坛发贴</title> <link href="css/bbs.css" rel="stylesheet&q原创 2018-03-11 14:17:23 · 4697 阅读 · 3 评论 -
JavaScript购物车结算案例
1、HTML代码 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>当当网购物车页面</title> <link type="text/css"原创 2018-03-11 14:12:34 · 17675 阅读 · 10 评论 -
JavaScript显示系统时间
setInterval(function(){ var date=new Date(); //年 var year=date.getFullYear(); //月 var month=date.getMonth()+1; //日 var day=date.getDate(); //时 var hour=date.getHou...原创 2018-03-11 14:09:13 · 1319 阅读 · 0 评论 -
JS弹窗广告特效代码，一个IP只弹出1次
<script> var cookieString = new String(document.cookie) var cookieHeader = 'pop_up=' //更换'pop_up为任意名称 var beginPosition = cookieString.indexOf(cookieHeader) if (beginPosition <0){ alert('...原创 2018-03-11 14:07:18 · 3203 阅读 · 0 评论 -
JS实现iframe框架自适应高度
1、DIV盒子里嵌入iframe框架，调用gg.html页面 <div align="center"><iframe id="main" style="width:100%;" name="main" src="gg.html" scrolling="no" frameborder="0" marginheight="原创 2018-03-11 14:05:28 · 436 阅读 · 0 评论 -
JS插入Flash视频的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2018-03-11 14:04:34 · 1048 阅读 · 0 评论 -
JS让内容延迟显示的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2018-03-11 13:49:32 · 3955 阅读 · 0 评论