js简单实现调整网页字体大小的方法
本文实例讲述了js简单实现调整网页字体大小的方法。分享给大家供大家参考，具体如下：
//vartgs=newArray('div','td','tr');
vartgs=newArray('td','tr');
//Specifyspectrumofdifferentfontsizes:
//varszs=newArray('xx-small','x-small','small','medium','large','x-large','xx-large');
varszs=newArray('10px','12px','14px','16px','18px','20px','22px');
varstartSz=2;
functiontsize(trgt,inc){
if(!document.getElementById)
{
return
}
vard=document,cEl=null,sz=startSz,i,j,cTags;
//sz+=inc;
sz=inc;
if(sz<0)
{
sz=0;
}
if(sz>6)
{
sz=6;
}
startSz=sz;
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];
}
}
}
使用方法：
<tdwidth="13">
<ahref="javascript:tsize('body',0)">
<imgsrc="../image/fsize1of.gif"
name="fsize1"width="18"height="14"border="0"id="fsize1"
onMouseOver="MM_swapImage('fsize1','','../image/fsize1on.gif',1)"
onMouseOut="MM_swapImgRestore()"></a>
</td>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。