![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
咔咔-
死磕MySql系列作者
展开
-
【jQuery】分页代码,拿去主义。直接可用
先看效果感觉效果是自己可以用的就继续,不适合的话那就…使用方式就这么简单 <div class="zxf_pagediv"></div> // //翻页 $(".zxf_pagediv").createPage({ pageNum: 20, cu...原创 2020-02-02 14:08:29 · 632 阅读 · 2 评论 -
【JavaScript】关于jquery把网址变成二维码
author:咔咔wechat:fangkangfk个人网址:fangkang.top需求让下面这个二维码用手机扫了之后直接就去详情页。本来说是用后端处理,最后还是选择了用前端来处理解决方案1.https://github.com/jeromeetienne/jquery-qrcode这个是源码地址2. 注意看我圈的几个最后一个就是控制canvas的大小的...原创 2019-12-24 14:50:43 · 706 阅读 · 0 评论 -
【JavaScript】获取地址栏的参数防止乱码
1. 源码function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i...原创 2019-12-15 14:41:25 · 534 阅读 · 0 评论 -
【layui】多图上传在input框的显示
1. 源码定义一个img_list数组,然后把每次上传的图片的地址保存起来,然后最后一次性显示即可<script> layui.use(['layedit','upload'], function(){ var layedit = layui.layedit, upload = layui.upload; layed...原创 2019-12-15 14:39:46 · 834 阅读 · 0 评论 -
【JavaScript】实现全文收起功能
1. js代码这里的这个id是元素的id,因为数据不可能只有一条,所以需要动态来处理function init(id){ var len = 60; //默认显示字数 var ctn = document.getElementById(id); //获取div对象 var content = ctn.innerHTML; ...原创 2019-12-06 12:52:20 · 769 阅读 · 0 评论 -
【JavaScript】轮播图插件
1. 下载地址https://github.com/thebird/Swipe2. 开始布局样式<style type="text/css"> .swipe { overflow: hidden; visibility: hidden; position: relative; } .swipe-wrap { overflow: hidden; ...原创 2019-12-05 11:42:03 · 699 阅读 · 0 评论 -
【JavaScript】图片查看器
1.下载文件https://www.yuque.com/u30882/rx39g7/iulc0g2.放置js目录3.在html文件里边引入这里是我自己修改的样式结构4.调用js<script> $('#info_img').FlyZommImg({ rollSpeed: 200,//切换速度 miscellane...原创 2019-12-02 12:04:36 · 867 阅读 · 0 评论 -
【JavaScript】做全文和收起功能
function init(){ var len = 60; //默认显示字数 var ctn = document.getElementById("content"); //获取div对象 var content = ctn.innerHTML; //获取div里的内容 //al...原创 2019-12-02 09:41:47 · 667 阅读 · 0 评论 -
【JS】使用onclick方法把对象本身传输给方法
方法体里边有一个isAdopt方法,把this当做参数对象传输给方法即可原创 2019-11-15 15:28:51 · 3592 阅读 · 0 评论 -
【JS】往serialize序列化过后追加参数
var data = $.param({ // 当前页数 "page_index" : page, // 每页显示多少条 "page_size" : limit }) + "&" +$('#pageListForm').serialize(); /...原创 2019-11-15 10:55:31 · 1906 阅读 · 0 评论 -
【JavaScript】获取表单元素内容的几种方式
author:咔咔wechat:fangkangfk在下图中,可以看到,我们只要给from表单一个标识,那么我们就会获取到任意想获取的元素值,在也不需要重新给表单添加id第一种方式,我们可以直接使用表单的id+elements[0]来获取第一个元素的值第二种中方式,我们可以表单id+name值+value可以获取任意你想获取到的值...原创 2019-04-03 10:38:56 · 3910 阅读 · 0 评论 -
【JavaScript】动态修改元素的 background-image
author:咔咔wechat:fangkangfkvar s = "images/" + row + ".jpg";//row是table的当前行 $("body").css("background-image","url(s)"); 这样子设置的background-image就是url(s),JavaScript代码当中的s变量并没有如你期望的那样子扩展开来。 对...原创 2019-03-22 18:00:37 · 10871 阅读 · 0 评论 -
【JavaScript】滑块验证码
author:咔咔wechat:fangkangfk<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑块验证解锁</title> <style>原创 2019-03-18 15:36:35 · 1355 阅读 · 0 评论 -
【JavaScript】移除父级元素
author:咔咔wechat:fangkangfk'<div class="layui-form-item parent">\n' + ' <label class="layui-form-label">选项:</label>\n' + ' <di...原创 2019-03-06 15:41:19 · 4368 阅读 · 0 评论 -
【JavaScript】延迟刷新当前页面
author:咔咔wechat:fangkangfk <script type="text/javascript">setTimeout(function(){ //使用 setTimeout()方法设定定时2000毫秒window.location.reload();//页面刷新},2000);</script>...原创 2019-02-22 15:49:12 · 2159 阅读 · 0 评论 -
【JavaScript】input加上disabled可以不提交name值
author:咔咔wechat:fangkangfk这个特性以前没有了解到,就是设置了disableed的时候是提交不了name值得这个特性适合使用在显示隐藏时,隐藏可以不提交数据在form表单里,如果对input加入disabled="disabled"或disabled="true"等属性,form表单提交的时候,就不会传值到后台。原因:在HTML页...原创 2019-01-29 15:31:37 · 2302 阅读 · 0 评论 -
js正则验证手机号
//手机号正则 var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/; //电话 var phone = $.trim($('#buyer_phone').val()); if (!phoneReg.test(phone)) { alert('请输入有效的手机号码!'); return false; } ...原创 2018-09-26 17:08:50 · 2064 阅读 · 0 评论 -
jquery attr()方法获取input的checked属性问题
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别:1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase2.如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#...原创 2018-10-04 15:53:27 · 984 阅读 · 0 评论 -
js中获取时间new date()的用法
获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,...原创 2018-10-10 13:24:10 · 1180 阅读 · 0 评论 -
【JavaScript】点击的添加样式,其他的删除样式(addClass和removeClass)
author:咔咔wechat:fangkangfk layui.use(['jquery',], function(args){ var $= layui.jquery; $('.type').click(function () { $(this).addClass('checked').siblings().rem...原创 2018-12-28 14:40:05 · 4362 阅读 · 0 评论 -
【JavaScript】循环获取复选框的值
author:咔咔wechat:fangkangfk案例:点击添加获取选择的id $('.add').click(function () { var kaka =[];//定义一个数组 $('input[type="checkbox"]:checked').each(function(){ ...原创 2019-01-03 17:46:06 · 2780 阅读 · 0 评论 -
【JavaScript】关于select怎么获取option的值
author:咔咔wechat:fangkangfk案例:获取方式:测试:原创 2018-12-24 15:14:49 · 661 阅读 · 0 评论 -
【JavaScript】判断三个值都为空
author:咔咔wechat:fangkangfk原创 2018-12-24 15:18:11 · 1812 阅读 · 0 评论 -
【JavaScript】未来事件的处理
author:咔咔wechat:fangkangfk对于后端来说,这个知识点估计有点生像我们后端最常使用的就是列表进行分页,然后进行js组装数据,在这个时候最容易发生的事就是点击事件失效。这就是因为元素都是js动态生成的,所有需要使用未来事件绑定,下面就是一个未来事件的删除js代码$(document).on('click','.del',function(){ ...原创 2018-12-19 09:49:43 · 955 阅读 · 0 评论 -
【JavaScript】使用ajax请求,进行html的数据组装
author:咔咔wechat:fangkangfk这里放一个组装数据的案例,不会的可以参考一下$.ajax({ type:"post", url:"{url(Banner/index)}",//对应controller的URL async:false, dataType: 'jso...原创 2018-12-19 09:51:44 · 1209 阅读 · 0 评论 -
【JavaScript】ajax请求的数据返回时间戳使用js处理方案
author:咔咔wechat:fangkangfk方法: function formatDate(now) { var year = now.getFullYear(), month = now.getMonth() + 1, date = now.getDate(), hour = now.getHours(), minute ...原创 2018-12-31 17:20:26 · 1220 阅读 · 0 评论 -
【JavaScript】点击那个按钮,那个按钮变色,其他方案
author:咔咔wechat:fangkangfk方案:1.先将第一次显示的给给默认样式,也就是添加checked的class2.如果点击了之后传递一个参数给后台,后台assign到前端,使用参数判断,根据参数就可以判断谁需要加checked注意:这只适合数据固定的情况下,如果数据不固定还是使用JavaScript来做...原创 2019-01-10 19:29:53 · 3799 阅读 · 0 评论 -
【JavaScript】一个按钮控制显示隐藏(toggle)
author:咔咔wechat:fangkangfk需求:点击这几个按钮,一个按钮可以控制显示和隐藏对应的input框使用toggle即可原创 2019-01-15 18:36:03 · 2993 阅读 · 0 评论 -
Uncaught ReferenceError: Invalid left-hand side in assignment
js的报错有时候会让人很难以琢磨尝试给不能赋值的东西赋值,引起这个错误 if(doSomething() = 'somevalue')此例中,程序员意外地使用了单个等号,而不是双等号。“left-hand side in assignment” 提及了等号左手边的部分,因此你可以看到以上例子,左手边包含不能赋值的东西,导致这个错误。如何修复错误:确保没有给函数结果赋值,或者...原创 2018-10-02 11:03:17 · 9738 阅读 · 0 评论