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

• 去除字符串所有空格

  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 ;