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

• 去除字符串所有空格

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

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

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

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

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

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

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

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

    height:100px; 
    
    line-height:100px;

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

    display:table-cell; 
    
    vertical-align:middle

  • 使checkbox与文字水平对齐：对style加上

    vertical-align:middle

    如下：

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

     我已阅读
• span设置宽度无效的三种解决方案
• • 一、修改span为block类型。在span的css中增加display属性，将span设置为block类型。效果是span完全变成了一个div

     span { 
    
              background-color:#fc0; 
    
              display:block; 
    
              width:150px; 
    
           }

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

    span { 
    
               background-color:#fc0; 
    
               display:block; 
    
               float:left; 
    
               width:150px; 
    
        }

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

    span { 
    
              background-color:#fc0; 
    
             display:-moz-inline-box; 
    
             display:inline-block; 
    
             width:150px; 
    
         }

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

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