随笔分类 -  Html、javascript、jquery

java web 验证码-字符变形（推荐）
摘要：该文章转载自：http://www.cnblogs.com/jianlun/articles/5553452.html 因为在我做的这个系统中发现验证码有点偏上，整体效果看起来不太好，就做了一些修改。 java代码（图片工具类）VerifyCodeUtils： java代码 controller调用 阅读全文
posted @ 2017-04-27 19:38 火光闪耀 阅读(1462) 评论(0) 推荐(0)
java web 验证码-数字不变形
摘要：controller代码： jsp代码： 效果： 阅读全文
posted @ 2017-04-27 19:15 火光闪耀 阅读(288) 评论(0) 推荐(0)
ajax跨域请求，页面和java服务端的写法
摘要：方法一（jsonp）： 页面ajax请求的写法： java服务端写法： 方法二： 在服务端设置response.setHeader("Access-Control-Allow-Origin", "*");即可。 Access-Control-Allow-Origin:* 表示允许任何域名跨域访问 如 阅读全文
posted @ 2016-04-11 10:46 火光闪耀 阅读(12570) 评论(0) 推荐(0)
js获得浏览器页面高宽
摘要：不同的浏览器可能会有一些差别，使用的时候请先进行测试。 var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += " 网页可见区... 阅读全文
posted @ 2014-09-03 11:46 火光闪耀 阅读(228) 评论(0) 推荐(0)
javascript 字符串和json的互转
摘要：FROM:http://www.cnblogs.com/mizzle/archive/2012/02/10/2345891.html在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：JSON字符串:va... 阅读全文
posted @ 2014-05-09 09:37 火光闪耀 阅读(258) 评论(0) 推荐(0)
ajax 乱码
摘要：1. 在页面的中文变量前添加encodeURIComponent()$.ajax({ type: "POST", url: "", data:{ id:encodeURIComponent(id), type:encodeURIComponent(type) ... 阅读全文
posted @ 2014-04-29 16:22 火光闪耀 阅读(177) 评论(0) 推荐(0)
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
摘要：转自：http://blog.csdn.net/itchiang/article/details/7769341添加事件var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventLis... 阅读全文
posted @ 2014-04-23 21:31 火光闪耀 阅读(528) 评论(0) 推荐(0)
监听HTML input输入框值的即时变化onpropertychange、oninput兼容IE,Chrome,FF,Opera等
摘要：转自：http://blog.csdn.net/itchiang/article/details/7769337要达到的效果很多情况下我们都会即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数，或者即时读取输入的值来进行搜索引导，也就是go... 阅读全文
posted @ 2014-04-23 21:19 火光闪耀 阅读(2330) 评论(0) 推荐(0)
Ajax status状态详解
摘要：readyState属性包括五种可能的取值： 0： （未初始化）send方法还没有被调用1： （加载中）已调用了send方法，请求还在处理2： （已加载）send方法已完成，整个应答已接收3： （交互中） 正在解析应答4： （已完成） 应答已经解析，准备好进行下一步处理。对象xmlHttPReque... 阅读全文
posted @ 2014-04-16 16:12 火光闪耀 阅读(498) 评论(0) 推荐(0)
javascript刷新页面的方法
摘要：Javascript刷新页面的几种方法：1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href更多关于刷新的知识，可以参考http://www.jb51.net/article/14397.htm 阅读全文
posted @ 2013-12-31 16:49 火光闪耀 阅读(190) 评论(0) 推荐(0)
jquery的ajax向后台提交时，乱码的解决方案
摘要：1. 可以给每个参数加上encodeURIComponent()，然后在后台获得参数后用URLDecoder.decode(string, 'utf-8')解码。2. 后台不用解码。 $.ajax({ url : '', type : 'post', contentType: "application/x-www-form-urlencoded; charset=utf-8", data : { ... 阅读全文
posted @ 2013-12-31 16:37 火光闪耀 阅读(270) 评论(0) 推荐(0)
jquery 常用组件的小代码
摘要：获得所有复选框的值function getAllValue() { var str=""; $("input[name='checkbox']:checkbox").each(function(){ if($(this).attr("checked")){ str += $(this).val()+"," } }) alert(str); } 阅读全文
posted @ 2013-12-13 16:25 火光闪耀 阅读(203) 评论(0) 推荐(0)
window.showModalDialog的传值和返回值
摘要：window.showModalDialog(URL,dialogArgments,features) 打开一个新窗口URL为要将打开的网页地址。dialogArgments为设定好传递给新视窗网页的参数，可以为任意数据类型。features:certer , dialogHeight, dialogLeft,dialogTop,dialogWidth,help(是否显示help按钮，下同），status,resizeable值＝1为yes,0为no.dialogArgments，可以传递值到新的窗口。window.returnValue.可以在showModalDialog开启的窗口关闭后前 阅读全文
posted @ 2013-12-13 15:55 火光闪耀 阅读(393) 评论(0) 推荐(0)
浏览器窗口关闭事件的监听搜集
摘要：转自：http://www.2cto.com/kf/201108/100769.html方式一：(适用与IE浏览器，而且刷新不提示，只在点击浏览器关闭按钮的时候提示)----------------------------------------------------------------------------------------------------方式二：适用与IE和FF，不区分刷新和关闭------------------------------------------------------------------------------------------------ 阅读全文
posted @ 2013-11-21 10:57 火光闪耀 阅读(958) 评论(0) 推荐(0)
easyUI添加下拉列表 +++ form表单点一次，向后台提交两次
摘要：<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%@ include file="/WEB-INF/views/commons/Tags.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/lo 阅读全文
posted @ 2013-03-14 13:06 火光闪耀 阅读(299) 评论(0) 推荐(0)
input中只允许输入数字
摘要：只能输入数字，不能输入小数点和字符：<input type="text"onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>可以输入数字和小数点：<input type="text" onpropertychange="if(isNaN(value)) value=value.substring(0 阅读全文
posted @ 2013-03-14 13:04 火光闪耀 阅读(189) 评论(0) 推荐(0)
常用HTML正则表达式
摘要：常用HTML正则表达式 1.只能输入数字和英文的： <input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text1" NAME="Text1"> 2.只能输入数字的： <input onk 阅读全文
posted @ 2012-08-07 13:18 火光闪耀 阅读(524) 评论(0) 推荐(0)