【前端】基础
21989939
这个作者很懒,什么都没留下…
展开
-
登陆验证(ajax)
1. login.ftl<form id="userLogonForm" method="post" name="Logon" action="loginSubmit.jhtml"> <ul> <li> <label>個人郵箱</label> <input type="text" id="loginEmail" name="lo原创 2015-06-20 17:09:09 · 503 阅读 · 0 评论 -
常用正则表达式
用户名:/^[a-z0-9_-]{3,16}$/密码:/^[a-z0-9_-]{6,18}$/十六进制值:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/电子邮箱:/^([a-z0-9_.-]+)@([\da-z.-]+).([a-z.]{2,6})$/URL:/^(https?:\/\/)?([\da-z.-]+).([a-z.]{2,6})([\/\w .-])\/?$/IP 地址转载 2015-08-08 09:54:33 · 339 阅读 · 0 评论 -
WdatePicker时间选择插件
<script type="text/javascript" src="${base}/resources/console/datePicker/WdatePicker.js"></script><script type="text/javascript" src="${base}/resources/console/datePicker/lang/zh_CN.js"></script><scr原创 2015-07-24 14:51:47 · 429 阅读 · 0 评论 -
css命名
常用的css命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu转载 2015-07-07 09:38:07 · 422 阅读 · 0 评论 -
jQuery find()和echo()
在某个元素下寻找特定的元素find()$("#id").find("#child");$("#id").find(".child");$("#id").find("input[type='image']");便利所有元素echo() $('.update_date').each(function(){ if(DateDiff($(this).val())<=5){转载 2015-06-30 16:39:39 · 929 阅读 · 0 评论 -
jQuery开发技巧
1. siblings()处理同类元素// Rather than doing this$('#nav li').click(function(){ $('#nav li').removeClass('active'); $(this).addClass('active');});// Do this instead$('#nav li').click(function(){转载 2015-06-30 17:12:20 · 288 阅读 · 0 评论 -
jquery插件——jquery.slides.min.js
实现图片更换效果: 1.引入插件库:<script type="text/javascript" src="${base}/resources/shop/js/jquery.slides.min.js"></script>2.css定义样式:<style>#slides { display: none } #slides .slidesjs-navigation {原创 2015-06-08 11:43:12 · 5268 阅读 · 0 评论 -
读取input:file的路径并显示本地图片的方法
[html] view plaincopyprint?> html> head> meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> title>Image preview exampletitle> script type="text/ja转载 2015-09-11 15:19:19 · 1118 阅读 · 0 评论 -
Ajax使用
情况1 直接返回信息:Message.java返回的信息/** * 消息 */public class Message{ /** * 类型 */ public enum Type { /** 成功 */ success, /** 警告 */原创 2015-10-09 09:18:14 · 525 阅读 · 0 评论 -
ajax同步请求 和 表单验证submitHandler
ajax异步请求可能会改变程序的运行顺序,今天接触来这个问题,请外也使用了submitHandler进行表单提交前的验证:原创 2015-09-24 17:12:03 · 4197 阅读 · 0 评论 -
jq 获取弹出层元素
<div id="cardDiv" class="modal in" style="overflow: auto; display: none;" tabindex="-1" aria-hidden="false">原创 2015-08-16 09:00:05 · 1650 阅读 · 0 评论 -
js页面刷新和跳转
Javascript 页面跳转:Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);history.back().window.history.forward()返回下一页window.history.go(返回第几页,也可以使用访问过的URL)window.location.href=“” 跳到指定页面例: 向上一页js页面转载 2015-07-15 11:12:11 · 496 阅读 · 0 评论 -
日期相差天数计算
1.在freemarker中设置隐藏域,记录每一个元素的创建时间<input class="update_date" type="hidden" value="${element.createDate}" />2.在js中遍历所有的class=“update_date”元素$(document).ready(function() { /* * 遍历所有元素createDate时原创 2015-06-20 09:52:38 · 1022 阅读 · 0 评论 -
菜单栏显示效果
1.slideMenu.jsp<div class="allmenu"> <ul class="allwenu_ul"> <li> <a href="javascript:void(0);" id="brand">BRAND COLLECTION</a> <input id="zh_brand"原创 2015-06-19 23:40:22 · 349 阅读 · 0 评论 -
jquery.lazyload.js——图片延迟出现
<script type="text/javascript" src="./resources/js/jquery.js"></script><script type="text/javascript" src="./resources/js/jquery.lazyload.js"></script><script type="text/javascript"> $(document).r原创 2015-06-20 21:30:23 · 343 阅读 · 0 评论 -
弹出层
login.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><h原创 2015-06-18 20:59:40 · 337 阅读 · 0 评论 -
jquery.banner.js图片更换
<link href="./resources/css/jqBanner.css" rel="stylesheet" type="text/css"/><script type="text/javascript" src="./resources/js/jquery.js"></script><script type="text/javascript" src="./resources/js/j原创 2015-06-20 21:47:01 · 1128 阅读 · 0 评论 -
左右div高度相同
1.head引入<script type="text/javascript" src="./resources/js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { window.onload=function(){ autoHei原创 2015-06-22 22:42:30 · 1314 阅读 · 0 评论 -
textarea全屏显示(jquery.textareafullscreen.js插件)
1.head引入js ,css<script type="text/javascript" src="./resources/js/jquery.js"></script><script type="text/javascript" src="./resources/js/jquery.textareafullscreen.js"></script><link href="./resources原创 2015-06-22 22:46:22 · 1068 阅读 · 0 评论 -
js常用函数-1
1.添加删除css$("#id").addClass("NewClassName");$("#id").removeClass("ClassNameToBeRemoved");2.选择符标签名: $('p') 选择文档中的所有段落ID: $("#some-id")类: $('.some-class')选择特定id下的所有子li元素 $("#some-id > li") 特定id下所有转载 2015-06-30 15:46:48 · 300 阅读 · 0 评论 -
JQuery常用的几种显示隐藏的方法
1、JQuery使用 hide() 和 show() 方法来隐藏和显示 HTML 元素;语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度,可以取以下值:”slow”、”fast” 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。2、JQuer转载 2015-06-30 16:18:56 · 554 阅读 · 0 评论