Fork me on GitHub

前端工作常常会用到的一些经验技巧

发表于 | 分类于

去除字符串所有空格

1
2
var ss=" fsd fsdaf 23 "; 
ss.replace(/[ ]/g,"");

去除a标签点击后的虚线边框

1
$('a').focus(function(){this.blur()});

IE6/7下radio不能选中解决:添加name,可为空或其它值

1
<input type="radio" name="" id="rainp" />

最简单的把字符串转换成数值: -0(不能 +0)

1
var a = '123.45'; var b = a - 0;

div中设置文字竖直居中方法：单行文字居中使用line-height方法，将文本的line-height设为与容器的height相等

1
2
height:100px; 
line-height:100px;

多行文字居中使用display:table-cell再设置vertical-align进行居中对齐

1
2
display:table-cell; 
vertical-align:middle

使checkbox与文字水平对齐：对style加上vertical-align:middle 如下：

1
<input style="color: red; vertical-align: middle;" type="checkbox" /> <label style="vertical-align: middle;">我已阅读<label />

span设置宽度无效的三种解决方案

  1. 修改span为block类型。在span的css中增加display属性，将span设置为block类型。效果是span完全变成了一个div
    1
    2
    3
    4
    5
    span { 
              background-color:#fc0; 
              display:block; 
              width:150px; 
           }

  1. 在一的基础上再增加一个css属性float。基本满足日常需求，类似div加float

    1
    2
    3
    4
    5
    6
    span { 
               background-color:#fc0; 
               display:block; 
               float:left; 
               width:150px; 
        }

  2. （完美方法，直接贴代码，原理可深度学习css）

    1
    2
    3
    4
    5
    6
    span { 
              background-color:#fc0; 
             display:-moz-inline-box; 
             display:inline-block; 
             width:150px; 
         }

window.open打开新页面避免被浏览器拦截解决办法,用location.href的重定向功能，具体做法：

1
2
var tmpwin = window.open('_blank');
tmpwin.location = newurl ;

或者

1
window.open('_blank').location='http://www.baidu.com';