web 前端
文章平均质量分 81
davidhhs
这个作者很懒,什么都没留下…
展开
-
bootstrap 弹出框 alert、confirm、tip
JQuery+bootstrap 模态框,alert、confirm、tip代码调用showTip("haha", 1000, function() {});showMsg("haha", function() {});showConfirm("haha", function() {});html 导入js、css文件<link href="/bootstrap/css/bootstrap....原创 2018-07-09 17:31:37 · 28455 阅读 · 1 评论 -
js正则表达式 replace
js replace 正则表达式 var str = "正则表达式练习a1abcdefghib1,这是我的练习a1ABCDEFGHIb1";var regu = new RegExp(/a1(\w*)(\w{2})(\w{3})b1/g); // 正则对象,a1、b1作为标记。a1和b1中间的 3 个“(xxx)”将符合条件的字符分为 3 段; "$1" 代表第一段...2014-03-06 14:25:49 · 94 阅读 · 0 评论 -
jquery 插件, 自定义 的confirm 弹出框
<!DOCTYPE html><html><head><script src="//code.jquery.com/jquery-1.9.1.min.js"></script> <meta charset="utf-8"> <title>JS原创 2014-09-11 11:27:32 · 565 阅读 · 0 评论 -
window.onbeforeunload,浏览器关闭提示,兼容IE、FF、Chrome
浏览器关闭提示, 兼容IE、FF、Chrome,其它浏览器可以扩展, 这里只对<a>标签做特别处理,因为 onbeforeunload事件点击a连接弹框、刷新等很多操作都会触发此事件,可能还有其它的情况也会触发,参考这里的逻辑在进行修改, //页面离开或者浏览器关闭的时候给予提示 防止用户误操作 离开当前页面未保存数据可能丢失window.onbeforeunload =...2016-07-11 16:35:45 · 2208 阅读 · 0 评论 -
用CSS3美化半个字符巧妙方法
更多详细内容点击 .halfStyle { position:relative; display:inline-block; font-size:80px; /* 任何宽度都可以 */ color: black; /* 任何颜色,或透明 */ overflow:hidden; white-space: pre; /* ...原创 2015-08-14 16:10:14 · 87 阅读 · 0 评论 -
bootstrap 风格左侧菜单
bootstrap+jquery 左侧菜单实现 <div id="mainMenuOpen" class="menuSwitch" onclick="switchMenuBar();" title="展开菜单"><span>>></span></div> &a2016-09-21 14:59:44 · 2234 阅读 · 0 评论 -
jquery分页打印
js 实现分页打印功能的整理,完整示例,参考地址: http://brzore.iteye.com/blog/1555720 jquery 实现分页打印,自定义页眉页脚,浏览器自带页眉页脚,需要手动关闭,js似乎无权限操作浏览器本身的东西 ...2016-11-15 15:16:32 · 446 阅读 · 0 评论 -
自动补全下拉框(可输入匹配的下拉框)
功能优化,1、增加级联查询功能(注:依赖Jquery.js,附有源代码,可以当作插件直接使用)2、加入上下键选择功能,回车键选择结果。(2017-08-30)级联查询下拉框组调用代码: bindCascadeAutoSelect("selectId1", true, function(re1) { // re1 一级选项的值$("#selectId2).attr("d...2016-01-06 11:51:23 · 1424 阅读 · 0 评论 -
HTML5 Canvas几种画法
html5 Canvas画布画图几种常见方法参考地址:http://www.w3school.com.cn/html5/html_5_canvas.asphttp://www.cnblogs.com/Abner5/p/5845367.htmlhtml<!DOCTYPE html><html><head> <meta c...2016-12-28 15:46:02 · 133 阅读 · 0 评论 -
html5 Canvas 钟表
html5 canvas 画钟表例子,参考别人的例子,整理完成,有详细注释参考:http://www.html5tricks.com/demo/html5-canvas-circle-clock/index.html <!DOCTYPE html><html><head> <meta charset="utf-8"> ...原创 2017-01-11 16:20:13 · 259 阅读 · 0 评论 -
jquery print 部分区域打印
声明: 本文是我看完 jQuery 插件 jquery.PrintArea.js 后, 基本上默写出来的, 内容大致相同, 只是多加了写注释 <!DOCTYPE html><html><head><script src="//code.jquery.com/jquery-1.9.1.min.js"></scr...原创 2014-09-03 14:46:27 · 435 阅读 · 0 评论 -
jQuery 插件开发 精简概括
<!DOCTYPE html><html><head><script src="//code.jquery.com/jquery-1.9.1.min.js"></script> <meta charset="utf-8"> <title>JS2014-08-29 17:02:18 · 82 阅读 · 0 评论 -
javascript and printer
1. 直接调用 window.print(); 2 . 可以只打印部分页面 (个人最喜欢) 页面内容 :<html>...<body> <!-- some content --> <!--startprint--> print context <!--en...原创 2011-10-28 16:25:11 · 84 阅读 · 0 评论 -
velocity 整合 spring
9.1 使用Velocity模板Velocity是一种针对Java应用的易用的模板语言。Velocity模板中没有任何Java代码,这使得它能够同时被非开发人员和开发人员轻松地理解。Velocity的用户手册上是这么说的:“Velocity将Java代码从Web页面中分离出来,使用Web站点从长远看更容易维护,并且提供了一种可行的JavaServer Pages替代解决方案。”...原创 2011-11-01 11:39:26 · 99 阅读 · 0 评论 -
Spring中使用FreeMaker或Vilocity发送邮件(转)
本文以用户注册后为用户发送一封邮件为例子,讲述如何在Spring中使用FreeMaker或Vilocity发送邮件。 Spring配置文件:<!-- 使用Spring封装的Mail Sender --> <bean id="mailSender" class="org.springframework.mail.javamail.J...原创 2012-04-28 09:50:12 · 221 阅读 · 0 评论 -
JSP自定义标签开发入门
JSP自定义标签开发入门(转)一般情况下开发jsp自定义标签需要引用以下两个包 import javax.servlet.jsp.*;import javax.servlet.jsp.tagext.*; 首先我们需要大致了解开发自定义标签所涉及到的接口与类的层次结构(其中SimpleTag接口与SimpleTagSupport类是JSP2.0中新引入的)...原创 2012-05-02 13:34:35 · 80 阅读 · 0 评论 -
Freemarker 全面教程
转自 : http://demojava.iteye.com/blog/800204 FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成:1,文本:直接输出的部分2,注释:<#-- ... -->格式部分,不会输出3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分...原创 2012-05-03 15:26:39 · 96 阅读 · 0 评论 -
css3属性之一: border-radius
CSS3属性之一:border-radius语法:border-radius : none | <length>{1,4} [ / <length>{1,4} ]?相关属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , b...原创 2012-12-13 16:55:30 · 97 阅读 · 0 评论 -
ymprompt的使用
组件调用方式1(传统参数传入方式): 示例 调用方法 ymPrompt.alert('http://www.qq.com',null,null,'确认要提交吗?',handler) ymPrompt.succeedInfo($('txt').innerHTML,400,260,null,handler2) ymPr...原创 2012-09-05 13:55:17 · 563 阅读 · 0 评论 -
CSS3 Media Queries详解 (响应式设计)
Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/style.css" rel="stylesheet原创 2014-07-17 16:00:31 · 131 阅读 · 0 评论 -
Jquery 属性attr("checked") 特性prop("checked") 全选问题
$("#chkAll").bind("change",function(){ $("input[type='checkbox']").attr("checked", $("#chkAll").attr("checked")); }); 使用上述代码最全选/取消全选时发现,$("#chkAll").attr(原创 2014-08-06 10:25:11 · 284 阅读 · 0 评论 -
innserHTML 和 pasteHTML的区别
innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它 pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上 例:<Script ...原创 2014-03-28 09:15:57 · 301 阅读 · 0 评论 -
javascript 中 var的使用
js中var的有或无--重复声明和以后的声明使用var语句多次声明一个变量不仅是合法的,而且也不会造成任何错误.如果重复使用的一个声明有一个初始值,那么它担当的不过是一个赋值语句的角色.如果重复使用的一个声明没有一个初始值,那么它不会对原来存在的变量有任何的影响. 如果尝试读一个未声明的变量的值,JavaScript会生成一个错误.如果尝试给一个未用var声明的变量赋值,JavaSc...原创 2011-10-28 15:51:00 · 305 阅读 · 0 评论