JS调节页面的字体大小

var tgs = new Array( 'div','td','tr');
var szs = new Array( '12px','14px','16px','18px','20px' );
var startSz = 0;
function ts(inc,trgt) {
  if (!document.getElementById) return
  var d = document,cEl = null,sz = startSz,i,j,cTags;
  
  sz += inc;
  if ( sz < 0 ) sz = 0;
  if ( sz > 4 ) sz = 4;
  startSz = sz;
  
  if(trgt == void 0){
      cEl = d.body;
  }else{
      if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
  }
  cEl.style.fontSize = szs[ sz ];

  for ( i = 0 ; i < tgs.length ; i++ ) {
    cTags = cEl.getElementsByTagName( tgs[ i ] );
    for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
  }
}

 

trgt是可选参数，用于指定只调整某个id为trgt的标签中的字体大小，如果省略了trgt，调整整个body。使用方法如：<a href="#" onclick="ts(-1,'header')"></a>