筱竹一杯-CSDN博客

原创 jsp 自定义标签-SimpleTagSupport 使用笔记

项目需求：jsp页面自定义搜索行,点击a标签搜索分类，重新刷新页面，select标签加载数据后由js控制搜索请求链接。内容：搜索行主要包括A标签和select标签，a标签生成时带href，具体内容由request获取的属性和属性值生成。select标签实现页面刷新时加载初始化数据即可。这里只需要实现三个自定义标签即可：1.父标签： selectlineTag,主要存放表示搜

2017-03-15 15:07:57 889 1

转载 JS中document.write和innerHTML的区别

1.write是DOM方法,向文档写入HTML表达式或JavaScript代码，可列出多个参数，参数被顺序添加到文档中；innerHTML是DOM属性,设置或返回调用元素开始结束标签之间的HTML元素。2.两者都可向页面输出内容,innerHTML比document.write更灵活。当文档加载时调用document.write直接向页面输出内容，文档加载结束后调用document.wr

2017-02-14 22:30:12 10590

转载块级元素margin折叠

父级DIv和子元素div（块级）都设置margin时，两者的margin-top和margin-bottom会重合，如果子div和父级div都设置了，两者构成的盒子的margin-top取两者最大值，父元素和子元素之间没有间隔。如下图所示。原因是：BFC执行环境中Box（上面的父级，子集div）垂直方向的距离由margin决定，同属于一个BFC的两个BOX的margin会发生重叠。

2017-01-16 10:13:58 381

转载 js数组去重

//方法一：用 indexof判断数组中是否存在重复项；//用到数组的indexOf()方法，此方法主要用来查找元素在数组中第一次出现的位置。比较浪费资源和时间。//可识别undefined,nullfunction unique1(arr){ var uarr=[]; for(var i=0;i<arr.length;i++){ if(uarr.indexOf(arr[i])==

2017-01-04 15:31:43 341

转载 js深度拷贝

//关键点：基本数据直接赋值；对象和数组回调赋值/* （1）为什么不直接用toString方法？这是为了防止对象中的toString方法被重写，为了正确的调用toString()版本，必须间接的调用Function.call()方法（2）为什么不使用typeof来直接判断类型？因为对于Array而言，使用typeof（Array）返回的是object，所以不能得到正确的Ar

2017-01-04 15:00:11 299

转载 JS中||或、 && 与的执行顺序测试

js中|| 和&&的执行结果默认是0为false。a && b ,如果 a 为true，直接返回b，而不管b为true或者false，否则返回a； a || b ,如果 a 为false，直接返回b，而不管b为true或者false，否则返回 a。如alert(-1||-2); 返回-1；alert(-1&&-2);返回-2例1：var i = 1;var t =(

2016-12-25 22:03:34 7627

转载设置输入框限制长度兼容IE8 maxlength

转自：http://www.shangxueba.com/jingyan/1903931.html1.html你好！2.jquery$(function(){ $("textarea[maxlength]").on('keyup',function(){ var area=$(this); var max=parseInt(area.attr("maxlength"

2016-12-13 18:00:24 2003

转载 js 在指定宽高元素中插入自适应图片

在一个指定宽高的div中根据图片尺寸做相应展示。首先，需要获取图片的真实宽高，其次比较图片宽高和容器宽高，根据不同情形设置图片元素的展示样式。这里分三类：1、如果图片的width和height均小于容器的width和height，那么直接让图片上下左右居中；2、如果图片的width大于容器的width或height大于容器的height，图片的宽高比大于容器比例，让图片按照宽度等比例缩放，然后垂

2016-12-13 16:43:09 1558

原创 file 前端简单控制只上传图片（HTML5 和兼容IE8 ）

html5中file有属性accept，它规定能够通过文件上传进行提交的文件类型。支持IE 10+, Chrome, Firefox, Safari 6+, Opera 15+html:或者javascript：document.getElementById('upload_img').onchange =function(){ var value=document.g

2016-12-12 10:35:05 4359

原创 IE8 div旋转 Matrix

1.css代码：（矩阵变化的点是左上角？）.out2{ padding-top: 30px; background: #883432; height: 100px;}.prev{ margin-left:50px; width: 40px; height: 40px; transform: rotate(-45deg); -o-transform: ro

2016-12-02 17:20:28 2008

转载兼容IE8图片下载

图片下载downloadImg( url,filename){ if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) { var elemIF = document.createElement("iframe"); elemIF.src = ur

2016-12-01 15:43:05 1331

原创前端问题笔记-1

问题1：使用form表单，带有上传功能，未写action，操作时遇到自动刷新页面；解决：如果用不到action，需要将onsubmit默认功能禁止

2016-11-25 09:23:52 200

转载 js实现前台多张图片上传及预览

1.上传图片时简单预览和删除功能。预览时，不需传后台，上传打开的窗口中每次只能选择一张图片，每张图片对应一个input，如果图片被删除，对应的input也需删除，不影响要传后台参数。注：窗口中能多选文件，删除时还不知道怎么改input。 <input type="file" name="files" id="doc0" imgid="img0" style="width:100px;

2016-11-21 15:17:50 10495

转载 webuploader ie8 点击选择文件选择文件后，flash报错：flash没有exec函数

flash 版本太低，请至少大于等于 11.4，低于此版本请提示更新 flash 版本按钮或者他的父级被设置 display:none 隐藏了，在这种情况下 flash 会停止运行，请改用以下方式隐藏，给需要隐藏的元素加 webuploader-element-invisible 类名代替加 display:none 属性。.webuploader-element-invisib

2016-11-02 17:19:23 2672

原创 js 字符串/数组处理-小记

1.字符串分割分割成单个字符，分割函数中传空字符串：var str="How are you doing today?";var n=str.split("");

2016-10-21 09:33:48 220

转载 jQuery插件开发方法 $.fn.extend和$.extend

jQuery插件开发分为两种：1 类级别、2 对象级别。1 类级别类级别你可以理解为拓展jquery类，最明显的例子是$.ajax(...),相当于静态方法。开发扩展其方法时使用$.extend方法，即jQuery.extend(object); $.extend({ add:function(a,b){return a+b;} , mi

2015-04-14 11:12:44 250

banbianliushui的专栏