纯javascript+html实现调整网页字体的代码

yiwan8

//调整页面字体

1. <script type="text/javascript">
   
2. //Specify affected tags. Add or remove from list:
   
3. var tgs = new Array( 'div','td','tr');
   
4. 
   
5. //Specify spectrum of different font sizes:
   
6. var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
   
7. var startSz = 3;
   
8. 
   
9. function ts( trgt,inc ) {
   
10. if (!document.getElementById) return
    
11. var d = document,cEl = null,sz = startSz,i,j,cTags;
    
12. 
    
13. sz += inc;
    
14. if ( sz < 0 ) sz = 0;
    
15. if ( sz > 6 ) sz = 6;
    
16. startSz = sz;
    
17. 
    
18. if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
    
19. 
    
20. cEl.style.fontSize = szs[ sz ];
    
21. 
    
22. for ( i = 0 ; i < tgs.length ; i++ ) {
    
23. cTags = cEl.getElementsByTagName( tgs[ i ] );
    
24. for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
    
25. }
    
26. }
    
27. </script>
    
28. 
    
29. 
    
30. 
    
31. 
    
32. <a href="javascript:ts('body',2)">+较大字体</a> | <a href="javascript:ts('body',-1)">- 较小字体</a>

复制代码