通過JavaScript控制字型大小的代碼

為了此代碼到您的網頁必須使用像素大小的字型（PX），而不是相對大小的字型，使用“EM”或“％”。當然如果你使用其他字型單位的代碼可以很容易地適應這些。如果指令碼不能找到一個段落的字型大小，它會預設為12px。
核心代碼: 複製代碼 代碼如下:var min=8;
var max=18;
function increaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}

包括上面的代碼在您的網頁（無論是放置在頭部分，或將其放置在一個外部JS檔案和進口）。然後可以調用的增加和減少象下面的字型大小的功能。
使用方法：複製代碼 代碼如下:<a href="javascript:decreaseFontSize();">-</a>
<a href="javascript:increaseFontSize();">+</a>