- 浏览: 1566891 次
- 性别:
- 来自: 吉林
文章分类
- 全部博客 (624)
- C/C++ (33)
- Java (181)
- 网络相关 (7)
- 我爱篮球 (3)
- 也爱足球 (4)
- 杂谈 (1)
- 系统架构 (3)
- Web Service (14)
- Framework (3)
- 系统命令 (8)
- 管理平台相关 (8)
- 其它 (35)
- Websphere (1)
- Struts2 (24)
- Hibernate (16)
- Spring (23)
- javascript (20)
- jquery (23)
- html/css/div (28)
- 数据库 (40)
- JavaWeb (27)
- 设计模式 (2)
- 文档编写 (3)
- SVN (5)
- Ant (1)
- Maven (13)
- 软件项目管理 (8)
- AOP (1)
- kindeditor (1)
- JSON (2)
- Servlt/JSP (4)
- WordXML (2)
- XML (12)
- 面试相关 (7)
- Tomcat (11)
- 性能与调优 (29)
- 职业发展 (2)
- 操作系统 (7)
- AJAX (2)
- DWR (1)
- Eclipse (12)
- 持续集成 (3)
- 批处理命令 (1)
- Mozilla Rhino (2)
- 新鲜技术 (18)
- Apache mina (2)
- 底层技术 (18)
- Linux (22)
- 新鲜技术,IT历史 (1)
- 敏捷开发 (1)
- 版本控制 (5)
- 较火技术 (7)
- 集群 (2)
- Web前端 (13)
- 报表工具 (3)
- 网站架构 (5)
- 大数据 (8)
- 分布式存储 (5)
- 云计算 (8)
- TCP/IP协议 (1)
- 负载均衡 (3)
- 硬件 (1)
- 表现层技术 (3)
- Velocity (3)
- jvm (6)
- 并发编程 (10)
- hadoop (8)
- 数据结构和算法 (12)
- 计算机原理 (1)
- 测试驱动开发-TDD (3)
- 开发技巧 (1)
- 分词器 (1)
- 项目构建工具 (2)
- JMX (4)
- RMI (1)
- 测试技术 (22)
- 网络完全 (1)
- Git (4)
- apache开源包 (4)
- Java常用 (1)
- mock (2)
- OSGi (2)
- MongoDB (1)
- JBPM (1)
- Storm (3)
- mysql (2)
- telnet (1)
- 正则表达式 (1)
- bootstrap (4)
- Apache ActiveMQ (1)
- redis (9)
- Nginx (2)
- rsync+inotify文件同步 (2)
- testng (1)
- 原型设计工具 (1)
- 工程能力 (1)
- 风险控制 (3)
- ibatis (1)
- 分布式 (4)
- 安全技术 (1)
- 计算机基础 (4)
- 消息中间件 (1)
- UML (2)
最新评论
-
u012236967:
java命令执行jar包(里面的main函数)的方式(包括依赖其它的jar包问题) -
世界尽头没有你:
Selenium自动化测试从入门到精通(Java版)百度网盘地 ...
自动化测试工具 Selenium WebDriver 入门教程(针对主流浏览器) -
小小西芹菜:
我喜欢代码简洁易读,服务稳定的推送服务,前段时间研究了一下go ...
dwr实现Reverse Ajax推送技术的三种方式 -
hellozhouqiao:
楼主,请教一点问题.现在我们需要在excel 的页脚里面加上图 ...
FreeMaker + xml 导出word(处理目录,图片和页眉页脚问题) -
乱在长安:
使用Timer会有各种各样的问题好嘛?!书上推荐使用Sched ...
DelayQueue (ScheduledThreadPoolExecutor调度的实现)
1.在页面中导入js(这里<c:url会将context路径加入到整个js请求路径中)
<script type="text/javascript" src="<c:url value='/js/formOperation.js'/>"></script>
注意:这里面貌似不可以定义本页面的js,调用的时候有可能导致其它的js用不了.
2.在事件中直接调用js
<input type="submit" value=" 创建功能 " onclick="javascript:{return checkFormElement();document.createFuncsForm.submit();}">
点击submit后首先会执行带返回值的checkFormElement(),若返回值为false表单将不会被提交,否则执行document.createFuncsForm.submit()提交表单.
3.在超链接中调用js(常用的是点击删除链接时弹出确定删除对话框,用法同2)
out.write(" <a href=catServlet?action=delete&id=" + cat.getId() + " onclick=\"return confirm('确定删除?');\">删除</a>");
当在弹出的对话框中选择否,链接将不会跳转,选择确定,则会跳转.
4.解决js缓存问题(请求同一个路径时将会使用缓存中的js).
<script type="text/javascript" src="<c:url value='/js/formOperation.js?time=<%new Date(); %>'/>"></script>
这里面在请求的js路径后面加上日期的查询字符串,使得每次请求的路径都不同,将不会使用缓存中的js(好像也可以在请求的jsp,action等路径做类似操作).
注意:貌似使用ajax,dwr也能解决这样的问题.
5.在js中使用国际化消息(其它java实现的动态消息也可以)
<fmt:bundle basename="messages">
alert('<fmt:message key="formcheck.isnull"><fmt:param value="功能名称"/></fmt:message>');
</fmt:bundle>
6.js实现的倒计时器(可以用于定时页面跳转)
function timer(sec){
var time = document.getElementById('time');
sec--;
time.innerHTML = "<b>" + sec + "</b>";
if(sec != 0)
window.setTimeout('timer(' + sec + ')', 1000);
}
7.js实现的trim功能
/**trim掉数据空格及制表符等.*/
function trim(srcValue){
if(srcValue.length == 0){
return "";
}
//将被trim的字符集合(用字符串表示.)
//b表示退格符,f表示换页符.
var trimStr = new String(" \n\t\r\b\f");
var head;
var end;
for(head = 0; head < srcValue.length;head++){
if(trimStr.indexOf(srcValue.charAt(head)) != -1)
continue;
else
break;
}
if(head == srcValue.length){
return "";
}
for(end = srcValue.length-1; end >= head;end--){
if(trimStr.indexOf(srcValue.charAt(end)) != -1)
continue;
else
break;
}
var v = srcValue.substring(head, end+1);
return v;
}
8.表单校验(需要调用上面的trim功能)
<script type="text/javascript" >
<!--
//校验表单元素
function checkFormElement(){
var funcDescValue = document.getElementById('funcDescId').value;
funcDescValue = trim(funcDescValue);
if(funcDescValue.length == 0){
alert('<fmt:message key="formcheck.isnull"><fmt:param value="功能名称"/></fmt:message>');
return false;
}
else
document.getElementById('funcDescId').value = funcDescValue;
var menuFuncCodeValue = document.getElementById('menuFuncCode').value;
menuFuncCodeValue = trim(menuFuncCodeValue);
if(menuFuncCodeValue.length == 0){
alert('<fmt:message key="formcheck.isnull"><fmt:param value="功能代码"/></fmt:message>');
return false;
}
else
document.getElementById('menuFuncCode').value = menuFuncCodeValue;
if(document.getElementById('menuParentFuncDesc').value == -1){
alert('<fmt:message key="formcheck.mustselect"><fmt:param value="父功能名称"/></fmt:message>');
return false;
}
var menuPageHrefValue = document.getElementById('menuPageHref').value;
menuPageHrefValue = trim(menuPageHrefValue);
if(menuPageHrefValue.length == 0){
alert('<fmt:message key="formcheck.isnull"><fmt:param value="功能访问路径"/></fmt:message>');
return false;
}
else
document.getElementById('menuPageHref').value = menuPageHrefValue;
return true;
}
9. 单击按钮或链接实现页面跳转
<script type="text/javascript">
function viewCategories(){
window.location.href = "/ForSSH/category/viewCategory.action";
}
</script>
10.单击链接调用js代码
<a href="javascript:doTrade()">单击跳转</a>
或者<a href="javascript:" onclick="doTrade()">单击跳转</a>
11.获得web application的上下文
function getContextPath(){
var contextPath = document.location.pathname;
var index =contextPath.substr(1).indexOf("/");
contextPath = contextPath.substr(0,index+1);
delete index;
return contextPath;
}
发表评论
-
非常好用的两个js图表框架(各种图表)
2015-03-11 12:02 930它们都包含了示例以及源码: 1. HighCharts:h ... -
JQuery获取元素
2015-02-12 20:07 8481、利用标签名获取元素 $("标签名" ... -
Jquery之树形插件
2015-02-09 15:33 1271Jquery之树形插件 1、DynaTree (推荐使 ... -
jquery easy ui(包含各种常用web组件)
2015-02-04 16:12 1038http://www.jeasyui.com/index.ph ... -
用JQuery的方式把name相同的元素按照数组方式提交到后台
2014-10-12 18:48 1708如果直接放到form里面,名字相同的多个元素只需要在后台用r ... -
14款Web开发速查表(多图)
2014-08-10 23:31 4670转自:http://blog.csdn.net/ithome ... -
document.readyState等属性(判断页面是否加载完成)
2014-06-05 14:43 1275document.readyState:判断文档是否加载完成 ... -
12款好用的javascript框架
2014-02-14 17:30 1162JavaScipt几乎是所有前端开发人员必会的编程语言,并且 ... -
Backbone.js(MVC的Javascript框架)
2014-01-07 23:50 727backbone.js 提供了一套web开发的框架,通过 ... -
AngularJS(带有MVC模式的开源javascript框架)
2014-01-07 23:45 2309AngularJS 维基百科,自由的百科全书 跳转 ... -
使用Rhino在Java中调用Javascript脚本
2013-08-08 23:51 2311转自:http://www.iteye.com/ ... -
Extjs介绍
2013-07-12 20:32 1217ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技 ... -
JSTree简介
2013-06-20 15:20 1067官网:http://www.jstree.com/ Wh ... -
My97DatePicker
2013-05-28 15:32 910一. 简介 1. 简介 目前的版本是:4.8 2. ... -
JSON
2013-01-17 16:17 1275JSON(JavaScript Object Not ... -
A的href和onclick
2012-07-02 13:33 1160http://gocom.primeton.com/blo ... -
在页面完全加载后执行JS
2012-06-28 13:41 1752背景:在做项目的时候,当创建功能完成跳转到一个页面并弹出“创建 ... -
JSONObject与JSONArray的使用
2012-06-28 13:35 1373参考文献: http://blog.csdn.net/ ... -
window.showModalDialog与window.open的用法
2012-06-21 14:04 1587一、window.open()支持环境: JavaScript ...
相关推荐
JavaScript学习笔记JavaScript学习笔记
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
JavaScript学习笔记,javascript基础知识,基础语法整理.pdf
javascript 学习笔记
挺好的javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记
javascript学习笔记
JavaScript学习笔记.pdf
javascript学习笔记讲解版参考.pdf
javaScript学习笔记总结.docx
JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...
JavaScript学习笔记归纳.pdf
javascript学习笔记发放1,以后陆续发布。