javascript/jQuery
半缘修道半缘君丶
志存高远,笃行不倦。言曌博客,技术交流 QQ/微信:847064370
展开
-
js实现动态几何图案背景
<script type="text/javascript"> ! function () { function o(w, v, i) { return w.getAttribute(v) || i } function j(i) { return document.getElementsByTag原创 2017-02-08 21:42:53 · 2870 阅读 · 0 评论 -
js判断是否为闰年
index.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>判断闰年,平年</title> <script src="first.js"> </script></head><body> <input type="text" placeholder="请输入年原创 2016-03-19 16:07:56 · 3996 阅读 · 0 评论 -
Bootstrap模态框如何垂直居中?
先上效果图 就是一个点击弹窗先上jquery代码 //模态框垂直居中 function centerModals() { $('.modal').each( function(i) { var $clone = $(this).clone().css('display', 'block')原创 2016-08-09 12:22:28 · 1167 阅读 · 0 评论 -
js实现倒数几秒自动跳转
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <scri原创 2016-11-30 21:36:14 · 559 阅读 · 0 评论 -
js实现简单的全选和反选
js实现简单的全选和反选,一般都用得上。代码很简单,就这一小段。function DoCheck() { var ch = document.getElementsByName("ids"); if (document.getElementById("allSelect").checked == true) { for (var i = 0; i原创 2017-12-25 17:38:36 · 500 阅读 · 0 评论 -
js获取相对路径
今天在整理代码的时候,准备把 所以的 jsp 页面内的 js 代码都移到 js 文件中。遇到了一点小问题。比如,先看下面这段代码,是在 idnex.jsp 里的。"text/javascript"> $(".applyLink").click(function () { //iframe层-禁滚动条 layer.open({原创 2018-01-01 15:39:04 · 2047 阅读 · 0 评论 -
layui和js实现二级联动
先上效果图1、默认情况2、选择 一级分类 后如选择 Java,则在二级分类中只显示Java的子分类同样,如果选择的是 计算机科学,在二级分类中只显示其子分类二、代码实现1、layui 的代码class="layui-form-item"> class="layui-form-label">分类 class="l原创 2018-01-02 17:19:44 · 11331 阅读 · 0 评论 -
ajax一直返回 error
刚才在用的 springmvc + ajax 实现点赞功能不刷新更新数据的时候,ajax 返回一直是 error。经过百度后,发现原因是 dataType 和实际返回值类型不一致。String dataType预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个J原创 2017-12-27 13:32:30 · 501 阅读 · 0 评论 -
ajax实现form表单提交
昨天在做 ajax 申请链接提交表单的时候,发现提交了两次,Debug 的时候,也能发现控制器会执行两次。当然,数据库里也是两条数据。然后今天起来,修改了一下,结果出现了中文乱码情况,原因是多次解码,这里大家可以百度 serialize 相关信息。最终整理了一下代码,能够完美实现要求。不刷新提交表单,只提交一次,中文不乱吗。代码如下html 部分form id="app原创 2017-12-27 13:39:59 · 1761 阅读 · 0 评论 -
使用ajaxfileupload.js上传文件成功之后,没有执行success方法
今天遇到一个奇怪的问题,在使用SpringMVC和ajax上传文件的时候,因为使用的是ajaxfileupload.js,上传文件成功后,却没有执行 success 和 error 方法。ajax 代码如下//上传操作 //ajax提交信息 $("#uploadImgBtn").click(function () { if($("#file").val() != "") { ...原创 2018-03-03 14:17:57 · 1722 阅读 · 1 评论 -
jQuery+bootstrap实现美化警告/确认/提示对话框插件
插件使用文档和下载地址:http://craftpip.github.io/jquery-confirm/引入文件因为我们是在 BootStrap + jQuery 上实现的,首先需要1、先引入 jQuery 库,然后是Bootstrap 需要的两个核心文件(css 和 js)2、然后在后面引入 两个核心文件jquery-confirm.min.js 和 jquery-confirm.min.js...原创 2018-03-17 10:21:15 · 1838 阅读 · 0 评论 -
登录,注册,个人信息,退出的隐藏和出现
先上效果图 1.未登录之前,隐藏个人信息和退出 2.登陆后,隐藏登陆和注册按钮,显示用户头像 3.点击头像,显示下拉列表 先上jquery代码//注册,登录,个人信息,退出按钮的隐藏和出现 $('#member, #logout').hide(); if ($.cookie('username')) { $('#member,#logout').sho原创 2016-08-09 12:30:48 · 3671 阅读 · 0 评论 -
最常用的正则表达式
自从开始学js和php,接触正则表达式也有一两年。而到自己这里,却一直是复制,粘贴,拿起笔,一句话,不会写。今天收集了这么多,争取在最近拿下,其实并不难,怪自己太懒了。先贴出来,大家也可以方便查阅。一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字:^(0|[1-9][0-9]*原创 2017-02-13 22:12:00 · 373 阅读 · 0 评论 -
最常用的正则表达式
自从开始学js和php,接触正则表达式也有一两年。而到自己这里,却一直是复制,粘贴,拿起笔,一句话,不会写。今天收集了这么多,争取在最近拿下,其实并不难,怪自己太懒了。先贴出来,大家也可以方便查阅。一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字:^(0|[1-9][0-9]*原创 2017-03-11 14:54:40 · 443 阅读 · 0 评论 -
js实现网站运行时间统计
<span id="sitetime"></span><script language=javascript> function siteTime(){ window.setTimeout("siteTime()", 1000); var seconds = 1000; var minutes = seconds * 60;原创 2017-01-18 14:48:08 · 3330 阅读 · 0 评论 -
js统计页面访问次数
<script type="text/javascript">var caution=falsefunction setCookie(name,value,expires,path,domain,secure) { var curCookie=name+"="+escape(value) + ((expires)?";expires="+expires.toGMTString() : ""原创 2017-01-20 16:59:15 · 14582 阅读 · 1 评论 -
js动态显示时间和日期
具体代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>页面时钟</title> <script type="text/javascript"> function check(val) { if (val < 10) { return原创 2017-02-11 12:07:00 · 1079 阅读 · 0 评论 -
js实现删除文章弹窗提示是否确认
模板代码<a href="__URL__/dele/id/{$vo.id} " onclick="javascript:return p_del()" >删除</a> js代码function p_del() { var msg = "您真的确定要删除吗?"; if (confirm(msg)==true){ return true; }else{原创 2016-12-04 16:28:47 · 1430 阅读 · 0 评论 -
jQuery实现点击显示和隐藏内容
先上效果图点击前 点击后展开 html代码<div id="tips" class="center-block"> <h5 class="tips_head"> <u>遇到问题?</u> </h原创 2016-08-08 18:16:20 · 5083 阅读 · 0 评论 -
js实现DIV背景色随机
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>RandomColor</title> <style> *{ box-sizing: border-box;原创 2017-05-22 18:35:21 · 1599 阅读 · 0 评论 -
深入理解jQuery中的事件冒泡
1.什么是冒泡eg: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>事件冒泡</title> <scrip原创 2017-03-12 11:36:18 · 481 阅读 · 0 评论 -
js实现登录表单验证
下面是一段简单的js实现表单登陆的完整代码,供初学者使用。文件名index.html,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function focus原创 2017-03-11 15:54:47 · 7695 阅读 · 1 评论 -
js实现二级联动菜单
下面是一段js实现二级联动菜单的代码,供初学者使用。文件名:index.html,代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Co原创 2017-03-11 15:50:48 · 1512 阅读 · 0 评论 -
jQuery对象与DOM对象
jQuery对象与DOM对象对于才开始接触jQuery库的初学者,我们需要清楚认识一点:jQuery对象与DOM对象是不一样的可能一时半会分不清楚哪些是jQuery对象,哪些是DOM对象,下面重点介绍一下jQuery对象,以及两者相互间的转换。通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id=”imooc”></p>我们要获取页面上这个id为imooc的p元素,然后给这原创 2017-03-11 16:19:30 · 461 阅读 · 0 评论 -
使用jQuery的load方法实现div局部刷新
在使用 ajax 进行删除用户操作的时候,可以在 success 里写一个window.location.reload();让页面刷新。但是,我不想那样,我只想局部刷新比如,我删除几个用户后,页面只会刷新上面的表格,该怎么做呢? 传统的做法传统的纯 js 做法可以使用var content = document.getElementById("content");content.innerHTML...原创 2018-03-17 10:22:01 · 40279 阅读 · 2 评论