form1.cn
Make a little progress every day
07th of January 2018 Javascript JS 2553

js去掉字符串中左、右或所有空白

循环检查替换去掉所有空格调用functiontrim(s){returntrimRight(trimLeft(s));}去掉左边的空白functiontrimLeft(s){if(s==null){return"";}varwhitespace=newString("\t\n\r");varstr=newString(s);if(whitespace.indexOf(str.charAt(0))!=-1){varj=0,i=str.length;while(j<i&&whitespace.indexOf(str.charAt...
05th of November 2017 Javascript JS 2557

bootstrap模态框实现垂直居中

bootstrap模态框默认是水平居中,离上面30px,怎么让其在垂直方向也居中呢?,代码如下:$('#myModal').on('shown.bs.modal',function(e){$('#myModal').modal('show');//这是打开模态框//关键代码,如没将modal设置为block,则$modala_dialog.height()为零$(this).css('display','block');varmodalHeight=$(...
19th of October 2017 Javascript JS 3463

MP3上传前的预览和播放时长的获取

有的时候上传mp3需要获取mp3的时长,使用php也可以读取但是得读到mp3的文件,如果文件在远程还得下载下来,以下方法在上传前就可以获取到mp3的时长信息,可以存在隐藏域中提交:<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptlanguage="JavaScript"src="http://code.jquery.com/jq...
19th of October 2017 Javascript JS 3707

js中将object对象转换为string字符串输出

将js中的对象转化为字符串类型,然后就可以打印出来了,具体代码如下:functionobj2string(o){varr=[];if(typeofo=="string"){return"\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";}if(typeofo=="object"){if(!o.sort){for(variino){r.p...
12th of June 2017 Javascript JS 2629

js中使用getElementsByClassName获取class对象

前端开发一般不需要过多考虑性能问题,但你想在性能上追求极致的话,一定要知道jQuery性能很差。原生API选择器相比jQuery丰富很多,如document.getElementsByClassName性是$(classSelector)的50多倍。getElementsByClassName()方法返回文档中所有指定类名的元素集合,作为NodeList对象。NodeList对象代表一个...
03th of May 2017 Javascript JS 2481

js解决ios手机上传竖拍照片旋转90度问题

HTML5+canvas进行移动端手机照片上传时,发现iOS手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息,详见http://code.ciaoca.com/javascript/exif-js/这里...
28th of February 2017 Javascript JS 2083

设置手机端文本超出行高显示省略号

1.给DIV设置属性:width:200px;text-overflow:ellipsis;overflow:hidden;当div里面的内容总宽度找过200PX的时候,超出的部分会以“...”的形式显示。2.这个案例《CSS超出使用text-overflow显示省略号》适用于单行文本的现实,才会有效。但当div里面的内容出现多行的时候则不能达到预期的效果。下面是解决多行...
28th of February 2017 Javascript JS 2079

CSS超出使用text-overflow显示省略号

text-overflow语法:text-overflow:clip//不显示省略标记(...),而是简单的裁切text-overflow:ellipsis//当对象内文本溢出时显示省略标记(...)完整css+div的html源代码,需要加入<nobr>标签:<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>text-overflow案例在线演示www.divcss...
27th of February 2017 Javascript JS 2109

HTML5中meta常用标签属性说明

HTML5中meta常用标签属性说明IE兼容模式,Bootstrap不支持IE古老的兼容模式。为了让IE浏览器运行最新的渲染模式下,建议将此<meta>标签加入到你的页面中:<metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca...
13th of February 2017 Javascript JS 1969

bootstrap下拉菜单的鼠标放上显示与去掉点击事件

bootstrap去掉下拉菜单自带点击事件,第一次点击时展开菜单,第二次点击时收起菜单,有的时候我们不需要它提供的点击事件,比如我们在做鼠标放上显示展开菜单的功能时,当鼠标放上菜单展开此时在进行单击菜单会收起,这样感觉很别扭,以下方法实现了鼠标放上显示菜单且去掉点击事件html代码<liclass="active"...
18th of November 2016 Javascript JS 2064

setInterval与setTimeout的用法

setInterval()每隔多长时间自动执行方法,时间是以豪秒为单位的(1000ms=1s)varc=0;varcode=setInterval(function(){alert(c++);},1000);//code返回一个可以传递给Window.clearInterval()从而取消对code的周期性执行的值。setTimeout()只执行code一次。如果要多次调用,请使用setInterval()或者让code自身再次...