js/jquery
Love_云宝儿
爱她~
展开
-
使div或img在滚动条滚动时,始终居中在屏幕中间
直接上代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="format-detection" content="telphone=no, email=no"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,原创 2020-09-28 15:56:10 · 2705 阅读 · 0 评论 -
纯JS解析Excel文件,复制可用
代码复制可用,如需xlsx.full.min.js的话,只需将src放至浏览器中,即可获得源码。html代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> 解析Excel文件 </title> </head>...转载 2019-12-03 16:41:43 · 475 阅读 · 0 评论 -
java解析前端js传递的Excel文件,含前后端代码
编程思路:前端input读取xls、xlsx的Excel文件; 使用js的formData封装文件和其他数据; 使用ajax请求发送到后台,注意:contentType和processData要设置成false; 后台使用MultipartFile接收文件,使用Workbook、Sheet、Row、Cell解析Excel; 使用ArrayList<ArrayList<Obj...原创 2019-12-03 16:24:33 · 4064 阅读 · 8 评论 -
Jquery中$(document).ready()和原生js中onload()的区别
$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document).ready()和window.onload还是有区别的,下面我来介绍介绍。最基本的区别1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结...原创 2017-04-10 14:51:02 · 538 阅读 · 0 评论 -
纯js实现分页 原理:所有数据已加载好,js通过遍历部分显示,实现分页效果
废话不多说,直接上代码!<html><head> <meta charset='utf-8'><script type="text/javascript" src="page.js"></script> <style type="text/css"> #idData {color: red;...转载 2017-04-24 20:43:19 · 6652 阅读 · 5 评论 -
如何让for循环中的setTimeout()函数像预想中一样工作?
setTimeout()是js中的一类重要函数,将一段代码延迟一定时间并异步执行。但是这个函数经常不听话。在实践中,可能经常有人碰到类似下面的这种情况:for (var i = 1; i <= 2; i++) { setTimeout(function() { alert(i) }, 100);}我们期望的结果是,先隔100毫秒弹出1,再隔100毫秒弹出2。但是跑起...转载 2017-05-26 10:48:48 · 556 阅读 · 0 评论 -
js的ready和onload事件的区别
onload是等HTML的所有资源都加载完成后再执行onload里面的内容,所有资源包括DOM结构,图片,视频等资源;ready是当DOM结构加载完成后就可以执行了,相当于jQuery中的 $(function(){js代码});另外,onload只能有一个,ready可以有多个。...原创 2017-08-14 16:38:24 · 790 阅读 · 0 评论 -
实现多个div拖拽移动,交换位置功能,代码复制可运行,有交换特效
拖动标题行可交换废话不多说,直接上代码:drag.css #moveBar1{ position: absolute; left:2px; top:2px; width: 250px; height: 300px; background: #666; border: solid 0px #000; opacity: 0.6; ...原创 2017-08-17 17:31:56 · 4310 阅读 · 7 评论 -
js判断当前浏览器是否为IE浏览器或支持ActiveX
function isIE() { //是否为ie浏览器? if (window.ActiveXObject || "ActiveXObject" in window){ return true; }else{ return false; } }如果是IE浏览器或支持ActiveX的浏览器,则返回true,否则返回fal...原创 2019-06-12 14:35:11 · 1978 阅读 · 0 评论