随笔分类 -  js

图片懒加载
摘要：1.引入js jquery.lazyload.js(如下) /* * Lazy Load - jQuery plugin for lazy loading images * * Copyright (c) 2007-2009 Mika Tuupola * * Licensed under the M 阅读全文
posted @ 2019-12-13 08:36 半湖思絮 阅读(72) 评论(0) 推荐(0)
input type=file 上传图片前预览 亲测支持 ie8 chrome ff android及ios浏览器（将网上的版本整合一下）
摘要：<!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.o 阅读全文
posted @ 2019-12-13 08:36 半湖思絮 阅读(136) 评论(0) 推荐(0)
增删行（使用jQuery实现，最基本样式，主要为js及校验）
摘要：<!DOCTYPE HTML> <html> <head> <title>添加活动</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./jquery-1.12.3. 阅读全文
posted @ 2019-12-13 08:36 半湖思絮 阅读(139) 评论(0) 推荐(0)
ajax上传图片及跨域解决办法（未测试ie）
摘要：1.ajax上传图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-1.11.3.mi 阅读全文
posted @ 2019-12-13 08:36 半湖思絮 阅读(458) 评论(0) 推荐(0)
下拉框、下拉控件Select2的使用
摘要：直接新建html文档即可用 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>select2</title> <link href="htt 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(224) 评论(0) 推荐(0)
H5定位的实现
摘要：<!DOCTYPE html> <html> <body> <p id="demo">点击这个按钮，获得您的坐标：</p> <button οnclick="getLocation()">试一下</button> <script> var x = document.getElementById("d 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(514) 评论(0) 推荐(0)
js实现提交表单的遮罩效果，防止表单重复提交
摘要：下面代码设定了5秒后取消遮罩，使用时可以修改代码，手动取消 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(795) 评论(0) 推荐(0)
测试去空格
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, i 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(85) 评论(0) 推荐(0)
使用clipboard.js复制示例
摘要：项目地址：https://github.com/zenorocha/clipboard.js 代码示例为其demo示例 注：示例中的clipboard.min.js为https://github.com/zenorocha/clipboard.js/tree/master/src的clipboard 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(464) 评论(0) 推荐(0)
springmvc接收ajax的json格式数据
摘要：1.jsp封装数据，示例中是list数组 var saveList = new Array(); $.each($("#hasList tr"), function(i, n){ var a = $(n).find("td:first a"), id = $(a).attr("data-id"), 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(148) 评论(0) 推荐(0)
reCaptcha 的使用（只需申请密钥时fq）
摘要：这是reCaptcha在各个版本中的demohttps://recaptcha-demo.appspot.com/ 下面讲一下实现方式： V2版 1.申请使用的密钥 打开链接填写申请的相关信息：https://www.google.com/recaptcha/admin 提交信息后会给你两个密钥，其 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(1235) 评论(0) 推荐(0)
mock.js获取假数据
摘要：直接弄个html，粘贴保存后，用浏览器控制台就能直接看到效果 更多其它示例请访问官网文档：http://mockjs.com/examples.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X- 阅读全文
posted @ 2019-12-13 08:35 半湖思絮 阅读(253) 评论(0) 推荐(0)