字體大小寫JavaScript不工作在IE8和IE7

Question

我想在我公司的網站上放一個字體縮放器，因爲我們的很多客戶都是老人，他們不知道Ctrl +「+」。

這裏是我們的代碼。該調整器在FF，Chrome和IE9下正常工作。但不是在IE8和IE7中。我忽略了在這裏創建cookie /讀取cookies部分。

function createCookie(name,value,days) {.....codes for create cookies......} 

function changeFont(incfont) { 
    try{ 
     var p = document.getElementsByClassName('resizable'); 
     for(n=0; n<p.length; n++) { 
      if(p[n].style.fontSize) { 
       var size = parseInt(p[n].style.fontSize.replace("px", "")); 
      } else { 
       var size = parseInt(window.getComputedStyle(p[n],null).getPropertyValue('font-size').replace("px", "")); 
      } 
      p[n].style.fontSize = size+ incfont + 'px'; 
     } 

     p = document.getElementsByTagName('p'); 
     for(n=0; n<p.length; n++) { 
      if(p[n].style.fontSize) { 
       var size = parseInt(p[n].style.fontSize.replace("px", "")); 
      } else { 
       var size = parseInt(window.getComputedStyle(p[n],null).getPropertyValue('font-size').replace("px", "")); 
      } 
      p[n].style.fontSize = size+ incfont + 'px'; 
     } 
    } catch(err) {} 
} 

function readCookie(name) { ....code for read cookies ....} 

function increaseFontSize() { 
    var inc=0; 
    try { 
     var x = readCookie('textsize') 
     if (x && x!=0) { 
      x = parseInt(x); 
      inc = x; 
     } 
    } catch (e) {} 

    if (inc<3) { 
     inc++; 
     changeFont(1); 
     createCookie('textsize',inc,1); 
    } 
} 

function decreaseFontSize() { 
    var inc=0; 
    try { 
     var x = readCookie('textsize') 
     if (x && x!=0) { 
      x = parseInt(x); 
      inc = x; 
     } 
    } catch (e) {} 

    if (inc>0) { 
     inc--; 
     changeFont(-1); 
     createCookie('textsize',inc,1); 
    } 
} 

在此先感謝！ YN

Answer 1

getComputedStyle沒有爲IE之前的9

看做工： https://developer.mozilla.org/en-US/docs/DOM/window.getComputedStyle

一個修復程序可能是可以在這裏找到：http://snipplr.com/view/13523/ 我沒有測試它，

好運氣 ！

Answer 2

您的解決方案似乎對我來說過於複雜，我會建議您使用不同的方法，爲頁面主體設置基本文本大小，然後爲其餘元素設置字體大小百分比，這樣當您想調整大小時所有網站的文本，你只需要做：

$("body").css("font-size", newFontSize);